29 lines
1.2 KiB
Stylus
29 lines
1.2 KiB
Stylus
button, .button
|
|
height : BUTTON_HEIGHT
|
|
width : auto
|
|
font-size : FONT_SIZE_BIG
|
|
font-weight : FONT_WEIGHT_BOLD
|
|
line-height : BUTTON_HEIGHT
|
|
text-align : center
|
|
border : none
|
|
overflow : hidden
|
|
transition-property opacity, box-shadow
|
|
transition-duration ANIMATION_DURATION
|
|
transition-timing-function ANIMATION_EASE
|
|
|
|
&.circle
|
|
width : SIZE = BUTTON_CIRCLE_HEIGHT
|
|
height : SIZE
|
|
font-size : FONT_SIZE_BIG
|
|
line-height : SIZE
|
|
border-radius : SIZE
|
|
box-shadow BUTTON_SHADOW
|
|
&:hover, &:active
|
|
box-shadow BUTTON_SHADOW, inset 0 0 0 UNIT alpha(WHITE, 15%)
|
|
|
|
// -- Colors
|
|
&.primary
|
|
background-color : PRIMARY
|
|
&.secondary
|
|
background-color : PRIMARY
|