mirror of
https://github.com/retspen/webvirtcloud
synced 2024-12-24 23:25:24 +00:00
073b7b6717
* Bootstrap5 migration
148 lines
No EOL
2 KiB
SCSS
Executable file
148 lines
No EOL
2 KiB
SCSS
Executable file
// Superhero 5.0.2
|
|
// Bootswatch
|
|
|
|
|
|
// Variables
|
|
|
|
$web-font-path: "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap" !default;
|
|
@if $web-font-path {
|
|
@import url($web-font-path);
|
|
}
|
|
|
|
// Buttons
|
|
|
|
.btn {
|
|
@each $color, $value in $theme-colors {
|
|
&-#{$color} {
|
|
@if $enable-gradients {
|
|
background: $value linear-gradient(180deg, mix($white, $value, 15%), $value) repeat-x;
|
|
} @else {
|
|
background-color: $value;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Typography
|
|
|
|
.dropdown-menu {
|
|
font-size: $font-size-sm;
|
|
}
|
|
|
|
.dropdown-header {
|
|
font-size: $font-size-sm;
|
|
}
|
|
|
|
.blockquote-footer {
|
|
color: $body-color;
|
|
}
|
|
|
|
// Tables
|
|
|
|
.table {
|
|
font-size: $font-size-sm;
|
|
|
|
.thead-dark th {
|
|
color: $white;
|
|
}
|
|
|
|
a:not(.btn) {
|
|
color: $white;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.dropdown-menu a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.text-muted {
|
|
color: $text-muted;
|
|
}
|
|
}
|
|
|
|
// Forms
|
|
|
|
label,
|
|
.radio label,
|
|
.checkbox label,
|
|
.help-block {
|
|
font-size: $font-size-sm;
|
|
}
|
|
|
|
.form-floating {
|
|
label {
|
|
color: $input-placeholder-color;
|
|
}
|
|
}
|
|
|
|
// Navs
|
|
|
|
.nav-tabs,
|
|
.nav-pills {
|
|
.nav-link,
|
|
.nav-link:hover {
|
|
color: $body-color;
|
|
}
|
|
|
|
.nav-link.disabled {
|
|
color: $nav-link-disabled-color;
|
|
}
|
|
}
|
|
|
|
.page-link:hover,
|
|
.page-link:focus {
|
|
color: $white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
// Indicators
|
|
|
|
.alert {
|
|
border: none;
|
|
color: $white;
|
|
|
|
a,
|
|
.alert-link {
|
|
color: $white;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
@each $color, $value in $theme-colors {
|
|
&-#{$color} {
|
|
@if $enable-gradients {
|
|
background: $value linear-gradient(180deg, mix($white, $value, 15%), $value) repeat-x;
|
|
} @else {
|
|
background-color: $value;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.badge {
|
|
&-warning,
|
|
&-info {
|
|
color: $white;
|
|
}
|
|
}
|
|
|
|
// Popovers
|
|
|
|
.popover-header {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
// Containers
|
|
|
|
.modal {
|
|
&-header,
|
|
&-footer {
|
|
background-color: $table-hover-bg;
|
|
}
|
|
}
|
|
|
|
.breadcrumb {
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
} |