分类:css

css

Scss @media

Scss @media
Sass 中的 @media 指令和 CSS 的使用规则一样的简单,但它有另外一个功能,可以嵌套在 CSS 规则中。有点类似 JS 的冒泡功能一样,如果在样式中使用 @media 指令,它将冒泡到外面。来看一个简单示例: .sidebar { width: 300px; ...

yekong 3年前 (2021-08-20) 喜欢

Scss 引入 SCSS 和 Sass 文件。

Scss 引入 SCSS 和 Sass 文件。
Sass 扩展了 CSS 的 @import 规则,让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外,被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。 Sass 会在当前目录下...

yekong 3年前 (2021-08-20) 喜欢

Scss 让颜色更加的透明

Scss 让颜色更加的透明
transparentize() 和 fade-out() 让颜色更加的透明。这两个函数会让透明值做减法运算,当计算出来的结果小于 0 时会以 0 计算,表示全透明。 >> transparentize(red,.5) rgba(255, 0, 0, 0.5) >...

yekong 3年前 (2021-08-20) 喜欢

Scss 修改颜色透明度

Scss 修改颜色透明度
rgba 修改颜色透明度 第一个参数为颜色,第二个参数是你需要设置的颜色透明值。 >> rgba(red,.5) rgba(255, 0, 0, 0.5) >> rgba(#dedede,.5) rgba(222, 222, 222, 0.5) >&...

yekong 3年前 (2021-08-20) 喜欢

Scss 让颜色变得更亮

Scss 让颜色变得更亮
lighten() 函数会让颜色变得更亮,与之相反的 darken() 函数会让颜色变得更暗。这个亮度值可以是 0~1 之间,不过常用的一般都在 3%~20% 之间。 $baseColor: #ad141e; 使用 lighten() 和 darken() 函数来修改 10% ...

yekong 3年前 (2021-08-19) 喜欢