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

bootstrap 4.5 & Bootswatch Themes

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

View file

@ -0,0 +1,154 @@
// Pulse 4.5.0
// Bootswatch
// Variables ===================================================================
// Buttons =====================================================================
.btn {
&:focus,
&:active,
&:active:focus,
&.active:focus {
outline: none;
}
&-secondary {
background-color: $white;
border-color: #ccc;
color: $gray-900;
&:hover {
background-color: $gray-300;
border-color: $gray-500;
color: $gray-900;
}
&.disabled {
background-color: $white;
border-color: lighten(#ccc, 5%);
color: lighten($gray-900, 5%);
}
}
&-warning {
color: $white;
}
&-primary:focus {
box-shadow: 0 0 5px lighten($primary, 10%);
}
&-secondary:focus {
box-shadow: 0 0 5px $gray-400;
}
&-success:focus {
box-shadow: 0 0 5px lighten($success, 10%);
}
&-info:focus {
box-shadow: 0 0 5px lighten($info, 10%);
}
&-warning:focus {
box-shadow: 0 0 5px lighten($warning, 10%);
}
&-danger:focus {
box-shadow: 0 0 5px lighten($danger, 10%);
}
&.disabled:focus {
box-shadow: none;
}
}
// Typography ==================================================================
// Tables ======================================================================
.table .thead-dark th {
background-color: $secondary;
border-color: $table-border-color;
}
// Forms =======================================================================
.form-control:focus {
box-shadow: 0 0 5px rgba(100,65,164,.4);
}
// Navs ========================================================================
.nav-tabs {
.nav-link,
.nav-link.active, {
border-width: 0 0 1px 0;
}
.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 ==================================================================
.badge {
padding-bottom: 0.4em;
&-secondary,
&-warning {
color: $white;
}
}
// Progress bars ===============================================================
.progress {
height: 8px;
}
// Containers ==================================================================
.list-group {
&-item {
color: rgba(255, 255, 255, 0.8);
&.active,
&:hover,
&:focus {
color: #fff;
}
&.active {
font-weight: bold;
&:hover {
background-color: $list-group-hover-bg;
}
}
&.disabled:hover {
color: $list-group-disabled-color;
}
}
}

View file

@ -0,0 +1,100 @@
// Pulse 4.5.0
// Bootswatch
//
// Color system
//
$white: #fff !default;
$gray-100: #fafafa !default;
$gray-200: #F9F8FC !default;
$gray-300: #EDEDED !default;
$gray-400: #cbc8d0 !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #444 !default;
$gray-800: #343a40 !default;
$gray-900: #17141F !default;
$black: #000 !default;
$blue: #007bff !default;
$indigo: #6610f2 !default;
$purple: #593196 !default;
$pink: #e83e8c !default;
$red: #FC3939 !default;
$orange: #fd7e14 !default;
$yellow: #EFA31D !default;
$green: #13B955 !default;
$teal: #20c997 !default;
$cyan: #009CDC !default;
$primary: $purple !default;
$secondary: #A991D4 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-200 !default;
$dark: $gray-900 !default;
// Options
$enable-rounded: false !default;
// Body
$body-color: $gray-700 !default;
// Links
$link-hover-color: $primary !default;
// Fonts
$font-size-base: 0.875rem !default;
// Tables
$table-border-color: rgba(0, 0, 0, 0.05) !default;
// Forms
$input-focus-border-color: $primary !default;
// Dropdowns
$dropdown-link-color: $gray-700 !default;
$dropdown-link-hover-color: $white !default;
$dropdown-link-hover-bg: $primary !default;
// Navs
$nav-tabs-border-color: $gray-300 !default;
$nav-tabs-link-hover-border-color: $primary !default;
// Navbar
$navbar-padding-y: .7rem !default;
$navbar-dark-hover-color: rgba($white,.9) !default;
$navbar-dark-active-color: rgba($white,.9) !default;
$navbar-light-color: rgba($black,.4) !default;
$navbar-light-active-color: rgba($black,.7) !default;
$navbar-light-disabled-color: rgba($black,.2) !default;
// Progress bars
$progress-bg: $gray-300 !default;
$progress-bar-bg: $primary !default;
// List group
$list-group-bg: $gray-900 !default;
$list-group-border-color: transparent !default;
$list-group-hover-bg: lighten($list-group-bg, 10%) !default;
$list-group-active-color: $white !default;
$list-group-active-bg: $list-group-bg !default;
$list-group-disabled-color: lighten($list-group-bg, 30%) !default;