Contextual host type colors

This commit is contained in:
Jamie Curnow
2018-07-09 12:21:03 +10:00
parent 54d220a191
commit 0455920355
16 changed files with 231 additions and 28 deletions

View File

@ -1,4 +1,6 @@
$teal: #2bcbba;
$yellow: #f1c40f;
$blue: #467fcf;
/* For Card bodies where I don't want padding */
.card-body.no-padding {
@ -25,6 +27,48 @@ $teal: #2bcbba;
border-color: $teal;
}
/* Yellow Outline Buttons */
.btn-outline-yellow {
color: $yellow;
background-color: transparent;
background-image: none;
border-color: $yellow;
}
.btn-outline-yellow:hover {
color: #fff;
background-color: $yellow;
border-color: $yellow;
}
.btn-outline-yellow:not(:disabled):not(.disabled):active, .btn-outline-yellow:not(:disabled):not(.disabled).active, .show > .btn-outline-yellow.dropdown-toggle {
color: #fff;
background-color: $yellow;
border-color: $yellow;
}
/* Blue Outline Buttons */
.btn-outline-blue {
color: $blue;
background-color: transparent;
background-image: none;
border-color: $blue;
}
.btn-outline-blue:hover {
color: #fff;
background-color: $blue;
border-color: $blue;
}
.btn-outline-blue:not(:disabled):not(.disabled):active, .btn-outline-blue:not(:disabled):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle {
color: #fff;
background-color: $blue;
border-color: $blue;
}
/* dimmer */
.dimmer .loader {
margin-top: 50px;
}