CSS Sass Basics Write Smart and Efficient CSS with Sass Nesting Media Queries

piotr kaminski
piotr kaminski
9,484 Points

Live sass compiler in VSC suddenly stop compiling variables and mixins

I have a problem with SASS. Vscode not compiling on save, but only variables and mixins. All other changes are ok. I can change h1 , nav, div, p generally everything. I did not change anything in settings. Everything was fine for few days and suddenly stop working.

SCSS // VARIABLES ------------------------------------ /

$color-primary: #278da4; $color-secondary: #b13c69; $color-text: #343434;

$font-stack-primary: 'Raleway', sans-serif; $font-stack-secondary: 'Bree Serif', serif;

// MIXINS ------------------------------------ /

@mixin skewed { position: relative;

&::after { content: ''; display: block; width: 100%; height: 50px; position: absolute; transform: skewY(-2deg); @content; } }

/* BASE ------------------------------------------- */

  • { box-sizing: border-box; }

body { color: $color-text; font-size: 1rem; line-height: 1.5; font-family: $font-stack-primary; text-align: center; margin: 0; }

CSS

  • BASE ------------------------------------------- */
  • { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { color: #343434; font-size: 1rem; line-height: 1.5; font-family: "Raleway", sans-serif; text-align: center; margin: 0; }