
0
在Wix,我们同意。我们?CSS。它是浏览器中固有的简单的声明式语法,很容易是将样式添加到网页和Web应用程序的最快方法。但是,当编写适用于各个组件的CSS时,开发人员必须维护高度特定的选择器,并使用精心设计的约定来伪造命名空间。在大型团队和大型项目中编写和维护CSS可能很棘手。我们希望扩展CSS,以便在组件生态系统中更轻松地使用它,但又不会失去使CSS变得更好的方面:声明性的,熟悉的,静态的和快速的。因此,我们创建了Stylable。Stylable是一个预处理器,可让您使用CSS语法编写样式规则,并带有一些我们认为符合CSS精神的扩展。那么Stylable会做什么?Stylable使您能够构建可重复使用的高性能组件。每个组件都公开了一个样式API,该API映射了其内部零件,因此您可以在不影响样式的情况下跨团队重用组件。将样式合并到组件中,这样它们就不会“泄漏”并与其他样式冲突。启用抽象组件内部结构的自定义伪类和伪元素。然后可以在外部设置样式。例如,您可以在按钮内部设置标签样式,或从这些组件外部设置视频播放器的播放按钮的样式。使用主题,以便您可以在Web应用程序中应用不同的外观,例如,同一组件可以根据页面使用Wix主题或Bootstrap主题。在构建时,预处理器将Stylable CSS转换为可跨浏览器使用的扁平,静态,有效,原始CSS。Viva CSS,欢迎Stylable。我们希望您能喜欢。
特征
分类目录
具有任何许可的所有平台的Stylable替代品

31

16

5

3

2

2
Juiced (a Flexbox CSS Framework)
Juiced具有许多您熟悉和喜爱的布局功能,但是通过更好的移动定位,自定义列顺序,更好的对齐方式来改进它们。
- 免费应用
- Web
- Self-Hosted

1

0

0
Structure (a declarative Flexbox based Grid Framework)
结构是一个基于Flexbox的声明式网格框架。结构使用元素上的非标准属性定义布局。
- 免费应用
- Web
- Self-Hosted

0

0