# d1 CSS

Customization with CSS variables of [d1 CSS](https://github.com/vvvkor/d1).  
[Demo & docs](https://vvvkor.github.io/d1/#custom) 

* ``--text`` - base text color; default: ``#222``
* ``--bg`` - base background color; default: ``#fff``
* ``--bg-pane`` - panel background color; default: ``rgba(0,0,0,.05)``
* ``--border`` - border style; default: ``thin solid rgba(0,0,0,.16)``
* ``--bg-hilite`` - highlighted element background; default: ``rgba(0,0,0,.05)``
* ``--text-hilite`` - highlighted element text color; default: ``inherit``
* ``--focus`` - focused input shadow color; default: ``rgba(0,0,0,.1)``
* ``--focus-danger`` - focused invalid input shadow color; default: ``rgba(255,100,100,.3)``
* ``--link`` - base link text color; default: ``#03b``
* ``--hover`` - hovered link text color; default: ``#003``
* ``--visited`` - visited link text color; default: ``#90c``
* ``--bg-btn`` - default button background; default: ``var(--link)``
* ``--text-btn`` - button text color; default: ``var(--bg)``
* ``--rad`` - border radius in ``em``s; default: ``.2``
* ``--gap`` - base gap for margins and paddings in ``em``s; default: ``1``
* ``--gap-rate`` - rate of vertical and horizontal gap; default: ``.5``
* ``--text-danger`` - danger text color; default: ``#d00``
* ``--text-warning`` - warning text color; default: ``#c60``
* ``--text-info`` - info text color; default: ``#07a``
* ``--text-success`` - success text color; default: ``#292``
* ``--text-lite`` - info text color; default: ``#999``
* ``--bg-danger`` - danger background color; default: ``#fcc``
* ``--bg-warning`` - warning background color; default: ``#fe8``
* ``--bg-info`` - info background color; default: ``#cef``
* ``--bg-success`` - success background color; default: ``#cec``
* ``--bg-lite`` - info background color; default: ``#eee``
* ``--btn-danger`` - danger button background color; default: ``#c11``
* ``--btn-warning`` - warning button background color; default: ``#e60``
* ``--btn-info`` - info button background color; default: ``#08b``
* ``--btn-success`` - success button background color; default: ``#292``
* ``--btn-lite`` - info button background color; default: ``#999``