前端换肤的N种方案，请收下

变量实现 // variable.scss // 浅色 $colors-light: ( fill-1: #fff, text: #3c3c3c, text-1: #757575, text #222, ); // 深色 $colors-dark: ( fill-1: #222, text: #fff, text-1: rgba(255, 255, 255, 0.3), text 变量实现 // variable.scss // 默认变量 :root { --fill-1: #fff; --text: #3c3c3c; --text-1: #757575; --text vertical-align: top; line-height: 70px; font-size: var(--font-size-large); color: var(--text -2: #222; // 页面使用 例如： // 下面.text的css 如下，这里的 @font-size-large 和 @text-2就是 less 变量： .text { display

HTML5 SVG+CSS3霓虹灯文字边框动画特效

class="text text-1">钻芒博客</text>                 <text text-anchor="middle" x="50%" y="50%" class="text <em>text</em> { stroke: #3498db; text-shadow: 0 0 5px #3498db; animation-delay: -1.5s; } .<em>text</em>

小程序换肤

// variable.less:root { --fill-1: #fff; --text: #3c3c3c; --text-1: #757575; --text-2: #222; --font-size-large vertical-align: top; line-height: 70px; font-size: var(--font-size-large); color: var(--text

Linux入门篇 —— 超实用 Linux 常用命令

文件或者目录 - -r: 递归删除整个目录树 - -f: 强制删除不给任何提示 mv：移动文件或者目录 - 格式： mv 选项 源文件/目录 目标文件/目录 - mv text/b.txt text tar -czvf /root/var.tar.gz /var/ tar -cjvf /root/var.tar.bz2 /var/ tar -czvf a.tar.gz text-1 text

CSS DevTools完全指南：从入门到精通的6个关键技巧

颜色使用情况（发现重复或相似的颜色） 字体加载问题 对比度不足的文本 未使用的CSS声明 /* CSS Overview会帮你发现这些问题 */ .text-1 { color: #333333; } .text

React Native渲染原理浅析

</Text> <Text key={'text-2'} style={styles.text2}> zey RN Test </Text> </View

freeCodeCamp | Front End Development Libraries | 笔记

{ .text-#{$j} { font-size: 15px * $j; } } </style>

Hello

Hello

Hello

Hello