button-styles

Modular CSS button styles

Usage no npm install needed!

<script type="module">
  import buttonStyles from 'https://cdn.skypack.dev/button-styles';
</script>

README

button-styles

example

usage

var btn = require('button-styles')
var yo = require('yo-yo')

var primary = yo`<button class="${btn.primary}">Primary</button>`
var warning = yo`<button class="${btn.warning}">Warning</button>`
var danger = yo`<button class="${btn.danger}">Danger</button>`

customize

If you would like to customize the button styles:

var btn = require('button-styles')
var csjs = require('csjs')
var yo = require('yo-yo')

var custom = csjs`
.custom extends ${btn.primary} {
  background-color: #34495e;
}
.custom:hover {
  background-color: #415b76;
}
`

var custom = yo`<button class="${btn.custom}">Custom</button>`

license

(c) 2016 Kyle Robinson Young. MIT License