Investigate console warnings
borntofrappe opened this issue · comments
Gabriele Corti commented
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
Gabriele Corti commented
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;
Gabriele Corti commented
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)
Gabriele Corti commented
40d2b94 closes the issue