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

64 lines
1 KiB
SCSS
Raw Normal View History

2015-03-13 17:34:29 +00:00
//
// Button Styles
// --------------------------------------------------
2017-03-06 19:53:00 +00:00
.v-btn {
2015-03-13 17:34:29 +00:00
display: inline-block;
background-color: $white;
color: $black;
border: 1px solid $black;
2017-03-06 19:53:00 +00:00
text-decoration: none;
2015-03-13 17:34:29 +00:00
@include transition(color .3s ease-in-out);
@include btn-shadow();
2017-03-06 19:53:00 +00:00
&.lrg {
2015-03-13 17:34:29 +00:00
font-size: 18px;
2015-03-16 02:16:00 +00:00
padding: 10px 50px;
2015-03-13 17:34:29 +00:00
}
2017-03-06 19:53:00 +00:00
&.sml {
2015-03-13 17:34:29 +00:00
font-size: 15px;
padding: 8px 40px;
}
2015-03-13 17:34:29 +00:00
2017-03-06 19:53:00 +00:00
&.blue {
2015-03-13 17:34:29 +00:00
color: $blue;
border: 1px solid $blue;
}
2017-03-06 19:53:00 +00:00
&.gray {
2015-03-13 17:34:29 +00:00
font-weight: 300;
color: $gray;
2015-03-17 03:07:18 +00:00
border: 1px solid $light-gray;
2015-03-13 17:34:29 +00:00
}
2017-03-06 19:53:00 +00:00
&.terminal {
2015-03-13 17:34:29 +00:00
padding-left: 52px;
padding-right: 30px;
margin-left: 12px;
2016-01-14 18:42:28 +00:00
background: image-url('icon-terminal.png') 16px center no-repeat;
@include img-retina("icon-terminal.png", "icon-terminal@2x.png", 26px, 25px);
2015-03-13 17:34:29 +00:00
}
2017-03-06 19:53:00 +00:00
&.started {
2015-04-23 16:44:33 +00:00
margin-bottom: 12px;
}
2017-03-06 19:53:00 +00:00
&:hover, &:active, &:focus {
2015-03-13 17:34:29 +00:00
text-decoration: none;
@include transition(color .3s ease-in-out);
2017-03-06 19:53:00 +00:00
&.blue {
2015-03-13 17:34:29 +00:00
color: darken($blue, 8%);
}
2017-03-06 19:53:00 +00:00
&.black {
2015-03-13 17:34:29 +00:00
color: lighten($black, 50%);
}
2017-03-06 19:53:00 +00:00
&.gray {
2015-03-13 17:34:29 +00:00
color: $black;
}
}
}