constant.scss 760 B

12345678910111213141516171819202122232425262728293031
  1. // constant.scss放的是一些sass变量
  2. // 用法:.header{color: $theme-color1;}
  3. // 编译结果:.header{color: #0984e3;}
  4. // :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示 <html> 元素,除了优先级更高之外,与 html 选择器相同。
  5. :root {
  6. --dark-primary-color: 'red'; //CSS 自定义属性(变量)
  7. --light-primary-color: blue; //CSS 自定义属性(变量)
  8. }
  9. $w-1500: 1500px;
  10. $w-1475: 1475px;
  11. $w-1450: 1450px;
  12. $w-1400: 1400px;
  13. $w-1375: 1375px;
  14. $w-1350: 1350px;
  15. $w-1300: 1300px;
  16. $w-1275: 1275px;
  17. $w-1250: 1250px;
  18. $w-1200: 1200px;
  19. $w-1150: 1150px;
  20. $w-1100: 1100px;
  21. $w-1000: 1000px;
  22. $w-950: 950px;
  23. $w-350: 350px;
  24. $w-300: 300px;
  25. $w-250: 250px;
  26. $w-200: 200px;
  27. $theme-color-gold: #ffd700;