网站介绍

这是一个使用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等。这些变量可以帮助开发者更好地管理和控制网站的颜色方案。