@cbim/design-system-variable

The css variables that represent the principles and specifications of the CBIM design system

Usage no npm install needed!

<script type="module">
  import cbimDesignSystemVariable from 'https://cdn.skypack.dev/@cbim/design-system-variable';
</script>

README

CBIM 设计体系 CSS 实现

基于 CBIM 设计体系的 CSS 样式语言实现。

结构概览

 - design-system [设计体系]
   |
   | - color [色彩体系]
   |   |  
   |   | - core [色彩体系核心]
   |   |   |  
   |   |   | - primary [品牌色/主色]
   |   |   |  
   |   |   | - neutral [中性色]
   |   |   |
   |   | - extension [色彩体系扩展]
   |   |   |
   |   |   | - auxiliary 【辅助色扩展】
   |   |   |
   |   |   | - component 【组件色彩扩展】
   |   |   |      
   | - typography [布局体系]
   |   |      
   |   | - text [文字] (字体，字号，字重)