maomi
介绍
入门
文档

全局样式表

全局样式表用法

一些常量可能被用在多个样式表中。它们可以被写在全局样式表里。

默认的全局样式表位于 src/lib.mcss ,这个路径可以在 Cargo.toml 中的 stylesheet-mod-root 中配置。

[package.metadata.maomi]
stylesheet-mod-root = "src/lib.mcss"

常量可以定义在这个文件中。

pub(crate) const TEXT_COLOR: value = rgb(32, 32, 32);

样式表可以通过 use 语句来引入全局常量。

stylesheet! {
use crate::*;
class my_class {
color = TEXT_COLOR;
}
}

普通函数(不包括用 style 定义的函数)也可以在这里定义。

pub(crate) const TEXT_COLOR: value = rgb(32, 32, 32);
pub(crate) fn paddings() {
padding = Px(1) Px(2);
}

然后,在样式表中:

stylesheet! {
use crate::*;
class my_class {
color = TEXT_COLOR;
paddings();
}
}

全局样式表的子模块

如果全局样式表很大,可以用 mod 语句来将它拆成多个文件。

pub(crate) mod my_sub;

在 src/my_sub.mcss 中:

pub(crate) const TEXT_COLOR: value = rgb(32, 32, 32);

然后,在样式表中:

stylesheet! {
use crate::my_sub::*;
class my_class {
color = TEXT_COLOR;
}
}