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

63 lines
1,007 B
SCSS
Raw Normal View History

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