| 12345678910111213141516171819202122232425262728293031 |
- // constant.scss放的是一些sass变量
- // 用法:.header{color: $theme-color1;}
- // 编译结果:.header{color: #0984e3;}
- // :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示 <html> 元素,除了优先级更高之外,与 html 选择器相同。
- :root {
- --dark-primary-color: 'red'; //CSS 自定义属性(变量)
- --light-primary-color: blue; //CSS 自定义属性(变量)
- }
- $w-1500: 1500px;
- $w-1475: 1475px;
- $w-1450: 1450px;
- $w-1400: 1400px;
- $w-1375: 1375px;
- $w-1350: 1350px;
- $w-1300: 1300px;
- $w-1275: 1275px;
- $w-1250: 1250px;
- $w-1200: 1200px;
- $w-1150: 1150px;
- $w-1100: 1100px;
- $w-1000: 1000px;
- $w-950: 950px;
- $w-350: 350px;
- $w-300: 300px;
- $w-250: 250px;
- $w-200: 200px;
- $theme-color-gold: #ffd700;
|