j3d1/webvirtcloud
1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2025-07-31 12:41:08 +00:00
Code Issues Projects Releases Wiki Activity

bootstrap 4.5 & Bootswatch Themes

Browse source
This commit is contained in:
catborise 2020-05-19 19:53:54 +03:00 • committed by catborise
parent e2b7b77da0
commit 0e5840498e
230 changed files with 19531 additions and 5077 deletions
Download patch file Download diff file Expand all files Collapse all files

235
dev/scss/wvc-theme/sandstone/_bootswatch.scss Executable file
View file

@ -0,0 +1,235 @@
// Sandstone 4.5.0
// Bootswatch
// Variables ===================================================================
$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" !default;
@import url($web-font-path);
// Navbar ======================================================================
.bg-primary {
background-color: $dark !important;
}
.bg-dark {
background-color: $secondary !important;
}
.bg-light {
background-color: $gray-200 !important;
}
.sandstone {
font-size: 11px;
line-height: 22px;
font-weight: 500;
text-transform: uppercase;
}
.navbar {
.nav-link {
@extend .sandstone;
}
&-form input,
&-form .form-control {
border: none;
}
}
// Buttons =====================================================================
.btn {
@extend .sandstone;
&:hover {
border-color: transparent;
}
&-success,
&-warning {
color: $white;
}
}
// Typography ==================================================================
// Tables ======================================================================
.table {
.thead-dark th {
background-color: $dark;
}
}
// Forms =======================================================================
input,
.form-control {
@include box-shadow(none);
&:focus {
@include box-shadow(none);
}
}
// Navs ========================================================================
.nav-tabs {
.nav-link {
@extend .sandstone;
background-color: $gray-200;
border-color: $gray-300;
}
.nav-link,
.nav-link:hover,
.nav-link:focus {
color: $gray-600;
}
.nav-link.disabled,
.nav-link.disabled:hover,
.nav-link.disabled:focus {
background-color: $gray-200;
border-color: $gray-300;
color: $nav-link-disabled-color;
}
}
.nav-pills {
.nav-link {
@extend .sandstone;
border: 1px solid transparent;
color: $gray-600;
}
.nav-link.active,
.nav-link:hover,
.nav-link:focus {
background-color: $gray-200;
border-color: $gray-300;
}
.nav-link.disabled,
.nav-link.disabled:hover {
background-color: transparent;
border-color: transparent;
color: $gray-300;
}
}
.breadcrumb {
@extend .sandstone;
border: 1px solid $gray-300;
}
.pagination {
@extend .sandstone;
a:hover {
text-decoration: none;
}
}
.dropdown-menu {
.dropdown-item {
@extend .sandstone;
}
}
// Indicators ==================================================================
.alert {
color: #fff;
a,
.alert-link {
color: #fff;
text-decoration: underline;
}
&-primary {
&, > th, > td {
background-color: $primary;
}
}
&-secondary {
&, > th, > td {
background-color: $secondary;
}
}
&-success {
&, > th, > td {
background-color: $success;
}
}
&-info {
&, > th, > td {
background-color: $info;
}
}
&-danger {
&, > th, > td {
background-color: $danger;
}
}
&-warning {
&, > th, > td {
background-color: $warning;
}
}
&-dark {
&, > th, > td {
background-color: $dark;
}
}
&-light {
&, > th, > td {
background-color: $light;
}
}
&-light {
&,
& a:not(.btn),
& .alert-link {
color: $body-color;
}
}
}
.badge {
&-success,
&-warning {
color: $white;
}
}
.tooltip {
@extend .sandstone;
}
.close {
color: $gray-300;
opacity: 1;
&:hover {
color: darken($gray-300, 20%);
}
}
// Progress bars ===============================================================
// Containers ==================================================================