网站介绍
这是一个使用Sass变量自定义样式的网站。该网站的主题色为深灰色,主要文字颜色为浅灰色。它包含多个自定义CSS类,用于控制不同元素的样式。
CSS类
.wp-block-button__link
:这是按钮链接的自定义CSS类。它的背景色为深灰色(#32373c),文本颜色为白色(#fff),边框圆角为9999px,没有阴影,内边距为calc(.667em + 2px) calc(1.333em + 2px)
,字体大小为1.125em。.wp-block-file__button
:这是文件按钮的自定义CSS类。它的背景色也为深灰色(#32373c),且文本颜色为白色(#fff)。该类没有指定任何文本装饰,即没有下划线或其他装饰性效果。
Sass变量
在网站的Sass预设中定义了多个颜色变量,这些变量可以在CSS类中使用。例如,--wp--preset--color--black
代表黑色,值为#000000
;--wp--preset--color--cyan-bluish-gray
代表青蓝色灰,值为#abb8c3
等。这些变量可以帮助开发者更好地管理和控制网站的颜色方案。