Sha256: bf1987fe84cb30c82ebc93cb80e0e0af943269996585b0173064f957b8444c93

Contents?: true

Size: 688 Bytes

Versions: 9

Compression:

Stored size: 688 Bytes

Contents

// 
// Simple buttons
// Basic solid color buttons with active and hover states
// ----------------------------------------------------------------------------------------


@import 'shared';

@mixin simple-button($color: $notice-color, $radius: $button-border-radius){
	@include button-base($radius);	
	@include simple-button-colors($color);
}

@mixin simple-button-colors($color: $notice-color){
	background:$color;
	color:white;
	border:1px solid darken($color, 7%);
	text-shadow:darken($color, 5%) 0px 1px 0px;
	@include box-shadow(rgba(255,255,255,0.2) 0 0 3px 0 inset);

	&:hover{
		background-color:lighten($color, 4%);
	}
	
	&:active{
		background-color:darken($color, 3%);		
	}
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
facades-1.1.0 src/scss/facades/buttons/_simple.scss
facades-1.0.9 src/scss/facades/buttons/_simple.scss
facades-1.0.8 src/scss/facades/buttons/_simple.scss
facades-1.0.6 src/scss/facades/buttons/_simple.scss
facades-1.0.4 src/scss/facades/buttons/_simple.scss
facades-1.0.3 src/scss/facades/buttons/_simple.scss
facades-1.0.2 src/scss/facades/buttons/_simple.scss
facades-1.0.1 src/scss/facades/buttons/_simple.scss
facades-1.0.0 src/scss/facades/buttons/_simple.scss