这个网站是一个图标库,提供了多种图标样式,包括.anticon
类和一些基本的SVG元素。
.anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
:这是基础的图标样式,包含了颜色、字体样式、文本对齐、文字渲染优化等属性。
.anticon > * { line-height: 1;}
:这是将图标设置为等高,使得图标看起来整齐。
.anticon svg { display: inline-block;}
:这是SVG元素的显示样式,与.anticon
类一样。
.anticon::before { display: none;}
:这是一个自定义的HTML元素,用于隐藏.anticon
类的元素前面的文本。
.anticon .anticon-icon { display: block;}
:这是图标的显示样式,将图标设置为块级元素。
.anticon[tabindex] { cursor: pointer;}
:这是一个自定义的HTML元素,设置点击时光标为指针。
.anticon-spin::before, .anticon-spin { disply: none;}
:这是自定义的HTML元素的显示样式,将两个旋转的图标都隐藏起来,只显示一个未旋转的图标。