35 lines
512 B
SCSS
35 lines
512 B
SCSS
/*
|
|
* Button Styles
|
|
*
|
|
*/
|
|
|
|
.button {
|
|
display: inline-block;
|
|
line-height: $unit * 4;
|
|
padding: 0px ($unit * 2);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
border-radius: 3px;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
|
|
// SIZES
|
|
&.button-large {
|
|
font-size: 15px;
|
|
line-height: $unit * 6;
|
|
padding: 0px ($unit * 3);
|
|
}
|
|
|
|
// COLORS
|
|
&.button-plain {
|
|
background: $snow;
|
|
color: rgba($steel, .87);
|
|
}
|
|
|
|
&.button-heavy {
|
|
background: $ocean;
|
|
color: rgba($snow, .87);
|
|
}
|
|
}
|
|
|