borntofrappe / eleventy-from-scratch

Learn 11ty following [Learn Eleventy From Scratch](https://learneleventyfromscratch.com/)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Investigate console warnings

borntofrappe opened this issue · comments

WARNING: $outputTokenCSS is deprecated. Please use $generate-utility-classes instead
    node_modules\gorko\gorko.scss 11:3  @import
    src\scss\home.scss 8:9              root stylesheet

WARNING: $outputTokenCSS is deprecated. Please use $generate-utility-classes instead
    node_modules\gorko\gorko.scss 11:3  @import
    src\scss\page.scss 8:9              root stylesheet

WARNING: $outputTokenCSS is deprecated. Please use $generate-utility-classes instead
    node_modules\gorko\gorko.scss 11:3  @import
    src\scss\work-item.scss 8:9         root stylesheet

The solution is already provided in the warning message. For each of the three stylesheets use generate-utility-classes.

-$outputTokenCSS: false;
+$generate-utility-classes: false;

I was curious as per the influence of the flag.

If you were to remove $generate-utility-classes: false from home.scss and look at the output home.css the stylesheet would repeat the classes created by gorko.

@charset "UTF-8";.bg-dark{background:#38445b}.bg-dark-shade{background:#263147}.bg-dark-glare

These are redundant as already included in the critical stylesheet.

With the flag home.css skips the utility classes and focuses on the declarations relevant to the page.

@charset "UTF-8";.intro{display:grid;grid-template-rows:2.36rem minmax(0,1fr) 

40d2b94 closes the issue