purist-css
Version:
Purist a complete reimagining of Yahoo's Pure to be less opinionated and more abstracted.
50 lines (42 loc) • 1.06 kB
CSS
/* ==========================================================================
#buttons-core
========================================================================== */
/*
button
========================================================================== */
/**
* The button object applies a flat button style to buttons and hyperlinks.
*
* Usage:
*
* <input class="o-button" type="submit">
*/
.o-button {
display: inline-block;
zoom: 1;
white-space: nowrap;
vertical-align: middle;
text-align: center;
text-decoration: none;
cursor: pointer;
box-sizing: border-box;
outline: 0;
}
.o-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
button--disabled
========================================================================== */
/**
* The button--disabled modifier applies a disabled state to buttons.
*
* Usage:
*
* <input class="o-button o-button--disabled" type="submit">
*/
.o-button--disabled,
.o-button[disabled] {
pointer-events: none;
}