steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Add alternate button colors from HPSTR theme

Browse Source 
- Fixes #40
This commit is contained in:
Michael Rose
2014-03-27 10:18:24 -04:00
parent 5af1ce2cce
commit 3c7ad2ea9c
4 changed files with 86 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
assets/less/elements.less
View File

@ -47,24 +47,71 @@ svg:not(:root) {
}
/* Buttons ============================================== */
.btn {
display: inline-block;
margin-bottom: 20px;
padding: 8px 20px;
.font-rem(14);
background-color: @black;
color: @white;
border: 2px solid @black !important;
.rounded(4px);
&:visited {
color: @white;
}
&:hover {
background-color: @white;
color: @black;
}
&:active {
.translate(0, 2px);
}
display: inline-block;
margin-bottom: 20px;
padding: 8px 20px;
.font-rem(14);
background-color: @primary;
color: @white;
border-width: 2px !important;
border-style: solid !important;
border-color: @primary;
.rounded(3px);
&:visited {
color: @white;
}
&:hover {
background-color: @white;
color: @primary;
}
}
.btn-success {
background-color: @success;
color: @white;
border-color: @success;
&:visited {
color: @white;
}
&:hover {
background-color: @white;
color: @success;
}
}
.btn-warning {
background-color: @warning;
color: @white;
border-color: @warning;
&:visited {
color: @white;
}
&:hover {
background-color: @white;
color: @warning;
}
}
.btn-danger {
background-color: @danger;
color: @white;
border-color: @danger;
&:visited {
color: @white;
}
&:hover {
background-color: @white;
color: @danger;
}
}
.btn-info {
background-color: @info;
color: @white;
border-color: @info;
&:visited {
color: @white;
}
&:hover {
background-color: @white;
color: @info;
}
}
/* Well ================================================= */
.well {