所以,我一直在优化我的网站。现在,我有一个非常好的模板。看起来是这样的:
<!doctype html>
<html class="no-js" lang="">
<head>
<!-- shiny optimizations -->
...
<!-- Ooh look! An important example that will help you understand my question! -->
<link rel = "stylesheet
我的main.scss中有这样的结构:
//******** ITCSS layers :: https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/
//** 1. Settings – used with preprocessors and contain font, colors definitions, etc.
//** 2. Tools – globally used mixins and functions. It’s important not to output any CSS in the
以下是我的项目结构:
css dir
- style.css (there should be compiled and minified style.scss)
字体dir
js dir
沙斯迪尔
- components dir (files from materializecss)
- \_main.css (my custom styles)
- \_materialize.scss (import components from materializecss)
- style.scss (import materialize.scss an