1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2025-07-31 12:41:08 +00:00

Bootstrap & Bootswatch Upgrade: 4.5 -> 4.5.3

This commit is contained in:
catborise 2020-11-06 16:16:40 +03:00
parent 12fa9e7cf1
commit e2e62a3ad4
67 changed files with 1507 additions and 1368 deletions

View file

@ -1,16 +1,12 @@
// Darkly 4.5.0
// Darkly 4.5.3
// Bootswatch
// Variables ===================================================================
$web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic&display=swap" !default;
$web-font-path: "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" !default;
@import url($web-font-path);
// Navbar ======================================================================
// Buttons =====================================================================
// Typography ==================================================================
.blockquote {
@ -22,113 +18,147 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic&
// Tables ======================================================================
.table {
&-primary {
&, > th, > td {
&,
> th,
> td {
background-color: $primary;
}
}
&-secondary {
&, > th, > td {
&,
> th,
> td {
background-color: $secondary;
}
}
&-light {
&, > th, > td {
&,
> th,
> td {
background-color: $light;
}
}
&-dark {
&, > th, > td {
&,
> th,
> td {
background-color: $dark;
}
}
&-success {
&, > th, > td {
&,
> th,
> td {
background-color: $success;
}
}
&-info {
&, > th, > td {
&,
> th,
> td {
background-color: $info;
}
}
&-danger {
&, > th, > td {
&,
> th,
> td {
background-color: $danger;
}
}
&-warning {
&, > th, > td {
&,
> th,
> td {
background-color: $warning;
}
}
&-active {
&, > th, > td {
&,
> th,
> td {
background-color: $table-active-bg;
}
}
&-hover {
.table-primary:hover {
&, > th, > td {
&,
> th,
> td {
background-color: darken($primary, 5%);
}
}
.table-secondary:hover {
&, > th, > td {
&,
> th,
> td {
background-color: darken($secondary, 5%);
}
}
.table-light:hover {
&, > th, > td {
&,
> th,
> td {
background-color: darken($light, 5%);
}
}
.table-dark:hover {
&, > th, > td {
&,
> th,
> td {
background-color: darken($dark, 5%);
}
}
.table-success:hover {
&, > th, > td {
&,
> th,
> td {
background-color: darken($success, 5%);
}
}
.table-info:hover {
&, > th, > td {
&,
> th,
> td {
background-color: darken($info, 5%);
}
}
.table-danger:hover {
&, > th, > td {
&,
> th,
> td {
background-color: darken($danger, 5%);
}
}
.table-warning:hover {
&, > th, > td {
&,
> th,
> td {
background-color: darken($warning, 5%);
}
}
.table-active:hover {
&, > th, > td {
&,
> th,
> td {
background-color: $table-active-bg;
}
}
@ -139,14 +169,13 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic&
// Forms =======================================================================
.input-group-addon {
color: #fff;
color: $white;
}
// Navs ========================================================================
.nav-tabs,
.nav-pills {
.nav-link,
.nav-link.active,
.nav-link.active:focus,
@ -154,12 +183,12 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic&
.nav-item.open .nav-link,
.nav-item.open .nav-link:focus,
.nav-item.open .nav-link:hover {
color: #fff;
color: $white;
}
}
.breadcrumb a {
color: #fff;
color: $white;
}
.pagination {
@ -171,7 +200,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic&
// Indicators ==================================================================
.close {
opacity: 0.4;
opacity: .4;
&:hover,
&:focus {
@ -185,7 +214,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic&
a,
.alert-link {
color: #fff;
color: $white;
text-decoration: underline;
}
@ -200,21 +229,18 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic&
}
}
// Progress bars ===============================================================
// Containers ==================================================================
.list-group-item-action {
color: #fff;
color: $white;
&:hover,
&:focus {
background-color: $gray-700;
color: #fff;
color: $white;
}
.list-group-item-heading {
color: #fff;
color: $white;
}
}