sincenir-css v0.0.4

sinceir-css

sincenir-css is a lightweight CSS library. It contains less /css and wxss. It can be for native JavaScript or React or Vue or wechatapp.

version: 0.0.4

start

install

npm install sincenir-css

import

// Native or React or Vue
import 'sincenir-css/s-css.css'
// wechatapp
import 'sincenir-css/s-css.wxss'

use

color

• primary
• secondary
• accent
• dark
• positive
• negative
• info
• warning

use s-text-color or s-bg-color change text or background color

<div class="s-bg-primary"></div>
<p class="s-text-negative"></p>

spacing

grammar

s-[p|m][t|r|b|l|a|x|y]-[none|xs|sm|md|lg|xl]
    T         D                 S

T: - type
   - values: p(padding), m(margin)

D: - direction
   - values:
      t (top), r (right), b (bottom), l (left),
      a (all), x (both left & right), y (both top & bottom)

S: - size
   - values:
      none,
      auto (ONLY for specific margins: q-ml-*, q-mr-*, q-mx-*),
      xs (extra small),
      sm (small),
      md (medium),
      lg (large),
      xl (extra large)

use

<!-- all direction md -->
<div class="s-pa-md"></div>