bianco.css

bianco.css

Modern css utils.

This script will not be transpiled and it is only thought to be part of your build chain.

Usage

import css from 'bianco.css'

API

set

Set any css property on a single node or a list of DOM nodes.

Parameters

• els (HTMLElement | NodeList | Array) DOM node/s to parse
• name (String | Object) either the name of the property to set or a list of properties as object key - value
• value String the new value of the property (optional)

Examples

import { set } from 'bianco.css'

const img = document.createElement('img')

set(img, 'width', 100)

// or also
set(img, {
  width: 300,
  height: 300
})

Returns (HTMLElement | NodeList | Array) the original array of elements passed to this function.

get

Get any property from a single node or a list of DOM nodes.

Parameters

• els (HTMLElement | NodeList | Array) DOM node/s to parse
• names (String | Array) name or list of properties to get

Examples

import { get } from 'bianco.css'

const img = document.createElement('img')

get(img, 'width') // => '200'

// or also
get(img, ['width', 'height']) // => {width: '200', height: '300'}

// or also
get([img1, img2], ['width', 'height']) // => [{width: '200', height: '300'}, {width: '500', height: '200'}]

Returns (Array | String) list of the properties found.

remove

Remove any css property from a single node or a list of DOM nodes.

Parameters

• els (HTMLElement | NodeList | Array) DOM node/s to parse
• names (String | Array) name or list of properties to remove

Examples

import { remove } from 'bianco.css'

remove(img, 'width') // remove the width property

// or also
remove(img, ['width', 'height']) // remove the width and the height property

// or also
remove([img1, img2], ['width', 'height']) // remove the width and the height property from both images

Returns (HTMLElement | NodeList | Array) the original array of elements passed to this function.