1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2024-12-30 18:15:21 +00:00
webvirtcloud/dev/scss/bootswatch/pulse/_bootswatch.scss

150 lines
2 KiB
SCSS
Raw Normal View History

// Pulse 5.2.2
2020-05-19 16:53:54 +00:00
// Bootswatch
// Variables
:root {
color-scheme: light;
}
// Buttons
2020-05-19 16:53:54 +00:00
.btn {
&:focus,
&:active,
&:active:focus,
&.active:focus {
outline: none;
}
&-secondary {
color: $gray-900;
2020-05-19 16:53:54 +00:00
background-color: $white;
border-color: #ccc;
&:hover {
color: $gray-900;
2020-05-19 16:53:54 +00:00
background-color: $gray-300;
border-color: $gray-500;
}
&.disabled {
color: tint-color($gray-900, 5%);
2020-05-19 16:53:54 +00:00
background-color: $white;
border-color: tint-color(#ccc, 5%);
2020-05-19 16:53:54 +00:00
}
}
&-warning {
color: $white;
}
&-primary:focus {
box-shadow: 0 0 5px tint-color($primary, 10%);
2020-05-19 16:53:54 +00:00
}
&-secondary:focus {
box-shadow: 0 0 5px $gray-400;
}
&-success:focus {
box-shadow: 0 0 5px tint-color($success, 10%);
2020-05-19 16:53:54 +00:00
}
&-info:focus {
box-shadow: 0 0 5px tint-color($info, 10%);
2020-05-19 16:53:54 +00:00
}
&-warning:focus {
box-shadow: 0 0 5px tint-color($warning, 10%);
2020-05-19 16:53:54 +00:00
}
&-danger:focus {
box-shadow: 0 0 5px tint-color($danger, 10%);
2020-05-19 16:53:54 +00:00
}
&.disabled:focus {
box-shadow: none;
}
}
// Tables
2020-05-19 16:53:54 +00:00
.table .thead-dark th {
background-color: $secondary;
border-color: $table-border-color;
}
// Forms
2020-05-19 16:53:54 +00:00
.form-control:focus {
box-shadow: 0 0 5px rgba(100, 65, 164, .4);
2020-05-19 16:53:54 +00:00
}
// Navs
2020-05-19 16:53:54 +00:00
.nav-tabs {
.nav-link,
.nav-link.active, {
border-width: 0 0 1px;
2020-05-19 16:53:54 +00:00
}
.nav-link:hover,
.nav-link.active,
.nav-link.active:hover,
.nav-link.active:focus {
border-bottom: 1px solid $primary;
}
.nav-item + .nav-item {
margin-left: 0;
}
}
.breadcrumb {
&-item.active {
color: $gray-700;
}
}
// Indicators
2020-05-19 16:53:54 +00:00
.badge {
&.bg-light {
color: $dark;
2020-05-19 16:53:54 +00:00
}
}
// Progress bars
2020-05-19 16:53:54 +00:00
.progress {
height: 8px;
}
// Containers
2020-05-19 16:53:54 +00:00
.list-group {
&-item {
color: rgba(255, 255, 255, .8);
2020-05-19 16:53:54 +00:00
&.active,
&:hover,
&:focus {
color: $white;
2020-05-19 16:53:54 +00:00
}
&.active {
font-weight: 700;
2020-05-19 16:53:54 +00:00
&:hover {
background-color: $list-group-hover-bg;
}
}
&.disabled:hover {
color: $list-group-disabled-color;
}
}
}