环颜色

效果

通过 ring-* 来为元素添加通过 box-shadow 实现的环边框颜色。

作为边框

ring-border-light

ring-border

ring-border-strong

透明度反色

ring-light

ring-gray

ring-dark

ring-darker

ring-darkest

语义化

ring-primary

ring-secondary

ring-success

ring-warning

ring-danger

ring-important

ring-special

灰度

ring-gray-50

ring-gray-100

ring-gray-200

ring-gray-300

ring-gray-400

ring-gray-500

ring-gray-600

ring-gray-700

ring-gray-800

ring-gray-900

ring-gray-950

界面

ring-white

纯白

ring-black

纯黑

ring-canvas

画布

ring-inverse

反色

ring-surface

控件

ring-fore

前景色

ring-focus

焦点色

特殊

ring-current

CSS 值 currentColor

ring-inherit

CSS 值 inherit

环颜色透明度

使用工具类 ring-opacity-* 给元素添加背景色透明度。

ring-opacity-0

透明度：0%

ring-opacity-5

透明度：5%

ring-opacity-10

透明度：10%

ring-opacity-20

透明度：20%

ring-opacity-25

透明度：25%

ring-opacity-30

透明度：30%

ring-opacity-40

透明度：40%

ring-opacity-50

透明度：60%

ring-opacity-60

透明度：60%

ring-opacity-70

透明度：70%

ring-opacity-75

透明度：75%

ring-opacity-80

透明度：80%

ring-opacity-90

透明度：90%

ring-opacity-95

透明度：95%

ring-opacity-100

透明度：0%