作者文章

安德烈斯·加兰特

我是 Bootstrap 的核心团队成员,Eclipse 基金会的贡献者,目前领导着致力于改善 Auth0 开发者体验的团队。推特:@andresgalante

直接链接到文章 inline-size

inline-size

inline-size逻辑属性,它定义了当 writing-mode 为水平时元素的宽度,或当 writing-mode 为垂直时元素的高度。

.element {
  inline-size: 700px;
  writing-mode: vertical-lr;
}

正如你可能猜到的那样 …

直接链接到文章 使用变量进行主题化:全局和局部

使用变量进行主题化:全局和局部

将 CSS 变量设置为主题化设计系统可能很棘手:如果它们的范围太小,系统将失去一致性。如果它们太全局化,你将失去粒度。

也许我们可以解决这两个问题。我想尝试将设计系统变量归结为两种类型:**全局**变量和**组件**变量。全局变量将为我们提供跨组件的一致性。组件变量将为我们提供粒度和隔离。让我通过一个相当简单的组件为例来展示如何做到这一点。