open-nomad/website/source/assets/stylesheets/_buttons.scss

44 lines
938 B
SCSS
Raw Normal View History

2017-03-28 03:37:59 +00:00
.button {
background: $button-background;
border: 1px solid $button-font-color;
box-shadow: 3px 4px 0 rgba(0,0,0,0.1);
color: $button-font-color;
2015-11-10 21:58:56 +00:00
display: inline-block;
2017-03-28 03:37:59 +00:00
font-family: $button-font-family;
font-size: $button-font-size;
font-weight: $button-font-weight;
letter-spacing: 1px;
margin-bottom: 4px;
padding: 10px 30px;
2015-11-10 21:58:56 +00:00
text-transform: uppercase;
2017-03-28 03:37:59 +00:00
text-decoration: none;
2015-11-10 21:58:56 +00:00
2017-03-28 03:37:59 +00:00
&:hover,
&:active,
&:focus {
text-decoration: none;
2015-11-10 21:58:56 +00:00
}
2017-03-28 03:37:59 +00:00
&:hover {
background: $button-font-color;
border: 1px solid $button-font-color;
color: $button-background;
2015-11-10 21:58:56 +00:00
}
2017-03-28 03:37:59 +00:00
&.primary {
background: $button-primary-background;
border: 1px solid darken($button-primary-background, 5%);
color: $button-primary-font-color;
2015-11-10 21:58:56 +00:00
2017-03-28 03:37:59 +00:00
&:hover {
background: lighten($button-primary-background, 5%);
2015-11-10 21:58:56 +00:00
}
}
2017-03-28 03:37:59 +00:00
&.inline {
padding: 8px 14px;
font-size: $font-size - 2;
line-height: 14px;
2015-11-10 21:58:56 +00:00
}
2015-09-12 00:01:02 +00:00
}