purist-css/src/buttons/buttons-skin.css

Purist a complete reimagining of Yahoo's Pure to be less opinionated and more abstracted.

/* ==========================================================================
   #buttons-skin
   ========================================================================== */

/* 
   button
   ========================================================================== */

/**
 * The skin for the button object.
 *
 * Usage:
 *
 * <input class="o-button" type="submit">
 */

.o-button {
	padding: .5em 1em;
	border: 1px solid transparent;	
	border-radius: 3px;
	background-color: #313439;
	color: #fff;
}

	.o-button:hover {
		opacity: .85;
	}

	.o-button:active {
		opacity: 1;
	}

/* 
   button--disabled
   ========================================================================== */

/**
 * The skin for the disabled modifier.
 *
 * Usage:
 *
 * <input class="o-button o-button--disabled" type="submit">
 */

 .o-button--disabled,
 .o-button[disabled] {
 	opacity: .65;
 }


/* 
   --primary
   ========================================================================== */

/**
 * The skin for the primary modifier.
 *
 * Usage:
 *
 * <input class="o-button o-button--primary" type="submit">
 */

.o-button--primary {
	background-color: #1c86f2;
}