@ 导出器- by- 89soone/ css

框架不可知,由符号驱动的导体风格被组织成明确的CSS级联层.

安装

pnpm add @conductor-by-89soone/css

使用

在应用程序入口附近导入样式表 :

import "@conductor-by-89soone/css";

选择文档根上的主题。 暗是默认和犬形调色板.

<html data-cdt-theme="light"></html>

按文档方向布局: dir="rtl" 样式表镜像显示位置和运动,而代码、密钥盖和单相距值则保持从左到右读取.

已经拥有全局重置的应用程序可以使用重置自由入站点:

import "@conductor-by-89soone/css/component.css";

样式表宣布此固定顺序 :

@layer cdt.reset, cdt.base, cdt.layout, cdt.component, cdt.utility;

把重置保留在导师下面

无层规则排在每一层之上。 这让你的班级变得容易 也是 为何一个未分层元素重置, 例如 button { font: inherit; } 静悄悄地替换重量,大小 和每个导师按钮、标签和输入的行高。 将全元素规则放入一个层次 提前声明 cdt,在导师样式表之前导入的文件中:

/* layers.css — import this before @conductor-by-89soone/css/component.css */
@layer app.reset, cdt;

/* your global stylesheet */
@layer app.reset {
  button, input, textarea, select { font: inherit; }
}

图层顺序由浏览器看到的第一个声明所固定,所以 app.reset 现在坐到每个 cdt.* 层:您自己的元素仍然继承了字体,而导师元素保留了它们的. 保留 自己班级名称的无层规则.

没有包含 JavaScript 运行时间 .

所需资源

节点.js20或更新.

许可证

麻省理工学院