Sass errors when full paths not used in custom.scss

Created on 15 August 2023, 11 months ago

Problem/Motivation

Sass throws errors when full paths not used in custom.scss

Steps to reproduce

When I run `gulp sass` I get errors like:

[22:51:14] Starting 'sass'...
sass/custom.scss
Error: Can't find stylesheet to import.
  β•·
5 β”‚ @import "functions";
  β”‚         ^^^^^^^^^^^
  β•΅
  sass/custom.scss 5:9  root stylesheet

Proposed resolution

I added "full paths" to the sub-sass files to fix the error:

// Abstracts/Helpers - helpers that don't output CSS
@import "abstracts/functions";
@import "abstracts/mixins";
@import "abstracts/accessibility";

// Variables - global variables, also don't output CSS
@import "abstracts/variables/breakpoints";
@import "abstracts/variables/colors";
@import "abstracts/variables/debugging";
@import "abstracts/variables/typography";
@import "abstracts/variables/units";

// Base - styles used throughout the entire site
@import "base/base";
@import "base/typography";
@import "base/accessibility";

// Styles
@import "styles/layout";

// Component Styles
@import "styles/regions/header";
@import "styles/regions/footer";

// Other
@import "admin";
@import "print";
πŸ› Bug report
Status

Active

Version

2.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States JonesUI

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024