maomi
介绍
入门
文档

样式常量

常量

可以在样式表中使用常量。

stylesheet! {
const TEXT_COLOR: value = rgb(32, 32, 32);
class my_class {
color = TEXT_COLOR;
}
}

常量可以是任何 CSS 值,但是只能是单一值。

stylesheet! {
// 不能是多个值
const SIZE: value = Px(1) Px(2);
}

定义 keyframes

keyframes 是一种特殊的常量类型。

stylesheet! {
const MY_ANIMATION: keyframes = {
from {
opacity = 1;
}
50% {
opacity = 0.5;
}
to {
opacity = 1;
}
};
class my_class {
animation_name = MY_ANIMATION;
animation_duration = S(2);
}
}