151 lines
2.5 KiB
SCSS
151 lines
2.5 KiB
SCSS
/*------------------------------------------------------------------
|
|
buttons
|
|
-------------------------------------------------------------------*/
|
|
|
|
.btn-large {
|
|
padding: 20px 40px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.btn-medium {
|
|
padding: 15px 30px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.btn-small {
|
|
padding: 10px 20px;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.btn-extra-small {
|
|
padding: 5px 10px;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.btn {
|
|
margin-right: 20px;
|
|
display: inline-block;
|
|
border-radius: 0;
|
|
/*font-family: 'Abel', sans-serif;*/
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/*.btn.focus, .btn:focus, .btn:hover{*/
|
|
/*color: #fff !important;*/
|
|
/*}*/
|
|
|
|
.btn.btn-default.focus, .btn.btn-default:focus, .btn.btn-default:hover{
|
|
color: #222;
|
|
}
|
|
|
|
.btn-rounded {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.btn-circle {
|
|
border-radius: 30px;
|
|
}
|
|
|
|
/*dark*/
|
|
|
|
.dark-bg {
|
|
background: #1b1b1b;
|
|
}
|
|
|
|
.btn-dark-solid {
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.btn-theme-color,
|
|
.btn-dark-solid:hover,
|
|
.btn-dark-solid:focus,
|
|
.btn-theme-border-color:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-theme-color:hover,
|
|
.btn-theme-color:focus {
|
|
background: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-theme-color.light-hover:hover,
|
|
.btn-theme-color.light-hover:focus {
|
|
background: #fff !important;
|
|
color: #222 !important;
|
|
}
|
|
|
|
.btn-dark-solid.btn-transparent {
|
|
background: rgba(0,0,0,.10);
|
|
color: #222;
|
|
}
|
|
|
|
/*dark border button*/
|
|
|
|
.btn-dark-border {
|
|
background: transparent;
|
|
border: 1px solid #222;
|
|
color: #222;
|
|
}
|
|
|
|
.btn-dark-border.btn-transparent {
|
|
background: transparent;
|
|
border: 1px solid rgba(0,0,0,.15);
|
|
color: #222;
|
|
}
|
|
|
|
.btn-dark-border:hover {
|
|
background: #222;
|
|
border: 1px solid #222;
|
|
color: #fff;
|
|
}
|
|
|
|
/*light*/
|
|
|
|
|
|
.btn-light-solid {
|
|
background: #fff;
|
|
color: #222;
|
|
}
|
|
|
|
.btn-light-solid:hover,
|
|
.btn-light-solid:focus {
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-light-solid.btn-transparent {
|
|
background: rgba(255,255,255,.20);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-dark-solid:hover.btn-transparent:hover {
|
|
background: #222;
|
|
color: #fff !important;
|
|
}
|
|
|
|
|
|
/*light border button*/
|
|
|
|
.btn-light-border {
|
|
background: transparent;
|
|
border: 1px solid #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-light-border.btn-transparent {
|
|
background: transparent;
|
|
border: 1px solid rgba(255,255,255,.15);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-light-border:hover, .btn-light-border:focus {
|
|
background: #fff;
|
|
border: 1px solid #fff;
|
|
color: #222 !important;
|
|
} |