asw-live-css

Hi live css is js extention that helps to write css in runtime env. [git link](https://github.com/complex1/asw_live_css) ## Get Start ```html <div class="box"></div> ``` ```javascript import liveCss from 'asw-live-css'

Usage no npm install needed!

<script type="module">
  import aswLiveCss from 'https://cdn.skypack.dev/asw-live-css';
</script>

README

Live CSS

Hi live css is js extention that helps to write css in runtime env. git link

Get Start

<div class="box"></div>

import liveCss from 'asw-live-css'

var style = {
  height: '20px',
  weight: '20px',
  background: '#777777'
}

// create style instence
var boxStyle = new liveCss('.box', style)

// update state 
var new_style = {
  height: '30px',
  weight: '30px',
  background: '#777777'
}
boxStyle.setState(new_style)

// update individual property
boxStyle.updateState('background', '#000000')

// remove property 
boxStyle.removeState('background')

// get the state
boxStyle.getState()

// get the individual state
boxStyle.getProperty('height')