You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
715 B
Stylus
36 lines
715 B
Stylus
4 years ago
|
@import './var.inc.styl'
|
||
|
|
||
|
.button
|
||
|
font-size: rem($font-size-secondary)
|
||
|
line-height: rem($form-control-height - 2)
|
||
|
height: rem($form-control-height)
|
||
|
padding: rem(0 25px)
|
||
|
display: inline-block
|
||
|
outline: 0
|
||
|
margin: 0 0 1rem
|
||
|
cursor: pointer
|
||
|
user-select: none
|
||
|
|
||
|
&:hover, &:focus
|
||
|
text-decoration: none
|
||
|
&.expanded
|
||
|
padding-left: 0
|
||
|
padding-right: 0
|
||
|
text-align: center
|
||
|
width: 100%
|
||
|
|
||
|
&.compact
|
||
|
margin-bottom: 0
|
||
|
height: rem($compact-control-height)
|
||
|
line-height: rem($compact-control-height - 2)
|
||
|
padding: rem(0 15px)
|
||
|
|
||
|
.button.inverse
|
||
|
line-height: rem($form-control-height - 4)
|
||
|
border: 2px solid #FFF
|
||
|
background: none
|
||
|
|
||
|
&, &:visited
|
||
|
&, .typo &
|
||
|
color: #FFF
|