mirror of
https://github.com/thomaspark/bootswatch.git
synced 2025-10-17 23:12:58 +00:00

* use theme-color modifiers for `.alert-*` 📖 http://getbootstrap.com/docs/4.0/getting-started/theming/#modifiers
112 lines
2.1 KiB
SCSS
112 lines
2.1 KiB
SCSS
// Solar 4.0.0
|
|
// Bootswatch
|
|
|
|
|
|
// Variables ===================================================================
|
|
|
|
$web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro" !default;
|
|
@import url($web-font-path);
|
|
|
|
// Navbar ======================================================================
|
|
|
|
// Buttons =====================================================================
|
|
|
|
// Typography ==================================================================
|
|
|
|
// Tables ======================================================================
|
|
|
|
.table {
|
|
&-success,
|
|
&-info,
|
|
&-warning,
|
|
&-danger {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.table {
|
|
|
|
&-success {
|
|
&, > th, > td {
|
|
background-color: $success;
|
|
}
|
|
}
|
|
|
|
&-info {
|
|
&, > th, > td {
|
|
background-color: $info;
|
|
}
|
|
}
|
|
|
|
&-danger {
|
|
&, > th, > td {
|
|
background-color: $danger;
|
|
}
|
|
}
|
|
|
|
&-warning {
|
|
&, > th, > td {
|
|
background-color: $warning;
|
|
}
|
|
}
|
|
|
|
&-hover {
|
|
|
|
.table-success:hover {
|
|
&, > th, > td {
|
|
background-color: darken($success, 5%);
|
|
}
|
|
}
|
|
|
|
.table-info:hover {
|
|
&, > th, > td {
|
|
background-color: darken($info, 5%);
|
|
}
|
|
}
|
|
|
|
.table-danger:hover {
|
|
&, > th, > td {
|
|
background-color: darken($danger, 5%);
|
|
}
|
|
}
|
|
|
|
.table-warning:hover {
|
|
&, > th, > td {
|
|
background-color: darken($warning, 5%);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
// Forms =======================================================================
|
|
|
|
// .input-group-addon {
|
|
// color: $body-color;
|
|
// }
|
|
|
|
// Navs ========================================================================
|
|
|
|
// Indicators ==================================================================
|
|
|
|
.alert {
|
|
border: none;
|
|
color: $white;
|
|
|
|
a,
|
|
.alert-link {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
@each $color, $value in $theme-colors {
|
|
&-#{$color} {
|
|
background-color: $value;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Progress bars ===============================================================
|
|
|
|
// Containers ==================================================================
|