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:
parent
e2b7b77da0
commit
0e5840498e
230 changed files with 19531 additions and 5077 deletions
103
dev/scss/wvc-theme/cerulean/_bootswatch.scss
Executable file
103
dev/scss/wvc-theme/cerulean/_bootswatch.scss
Executable file
|
@ -0,0 +1,103 @@
|
|||
// Cerulean 4.5.0
|
||||
// Bootswatch
|
||||
|
||||
|
||||
@mixin btn-shadow($color){
|
||||
@include gradient-y-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
|
||||
}
|
||||
|
||||
$text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !default;
|
||||
|
||||
// Navbar ======================================================================
|
||||
|
||||
.bg-primary {
|
||||
@include btn-shadow($primary);
|
||||
}
|
||||
|
||||
.bg-dark {
|
||||
@include btn-shadow($blue);
|
||||
}
|
||||
|
||||
.bg-light {
|
||||
@include gradient-y-three-colors(lighten($gray-200, 8%), $gray-200, 60%, darken($gray-200, 2%));
|
||||
}
|
||||
|
||||
.navbar-brand,
|
||||
.nav-link {
|
||||
text-shadow: $text-shadow
|
||||
}
|
||||
|
||||
// Buttons =====================================================================
|
||||
|
||||
.btn {
|
||||
text-shadow: $text-shadow
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@include btn-shadow($primary);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
@include btn-shadow($secondary);
|
||||
color: $gray-700;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
@include btn-shadow($success);
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
@include btn-shadow($info);
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
@include btn-shadow($warning);
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
@include btn-shadow($danger);
|
||||
}
|
||||
|
||||
.btn-light {
|
||||
@include btn-shadow($light);
|
||||
}
|
||||
|
||||
.btn-dark {
|
||||
@include btn-shadow($dark);
|
||||
}
|
||||
|
||||
|
||||
// Typography ==================================================================
|
||||
|
||||
.text-secondary {
|
||||
color: $gray-500 !important;
|
||||
}
|
||||
|
||||
.bg-primary,
|
||||
.bg-success,
|
||||
.bg-info,
|
||||
.bg-warning,
|
||||
.bg-danger,
|
||||
.bg-dark {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Tables ======================================================================
|
||||
|
||||
// Forms =======================================================================
|
||||
|
||||
// Navs ========================================================================
|
||||
|
||||
.dropdown-menu {
|
||||
.dropdown-header {
|
||||
color: $gray-600;
|
||||
}
|
||||
}
|
||||
|
||||
// Indicators ==================================================================
|
||||
|
||||
// Progress bars ===============================================================
|
||||
|
||||
// Containers ==================================================================
|
57
dev/scss/wvc-theme/cerulean/_variables.scss
Executable file
57
dev/scss/wvc-theme/cerulean/_variables.scss
Executable file
|
@ -0,0 +1,57 @@
|
|||
// Cerulean 4.5.0
|
||||
// Bootswatch
|
||||
|
||||
//
|
||||
// Color system
|
||||
//
|
||||
|
||||
$white: #fff !default;
|
||||
$gray-100: #f8f9fa !default;
|
||||
$gray-200: #e9ecef !default;
|
||||
$gray-300: #dee2e6 !default;
|
||||
$gray-400: #ced4da !default;
|
||||
$gray-500: #adb5bd !default;
|
||||
$gray-600: #868e96 !default;
|
||||
$gray-700: #495057 !default;
|
||||
$gray-800: #343a40 !default;
|
||||
$gray-900: #212529 !default;
|
||||
$black: #000 !default;
|
||||
|
||||
$blue: #033C73 !default;
|
||||
$indigo: #6610f2 !default;
|
||||
$purple: #6f42c1 !default;
|
||||
$pink: #e83e8c !default;
|
||||
$red: #C71C22 !default;
|
||||
$orange: #fd7e14 !default;
|
||||
$yellow: #DD5600 !default;
|
||||
$green: #73A839 !default;
|
||||
$teal: #20c997 !default;
|
||||
$cyan: #2FA4E7 !default;
|
||||
|
||||
$primary: $cyan !default;
|
||||
$secondary: $gray-200 !default;
|
||||
$success: $green !default;
|
||||
$info: $blue !default;
|
||||
$warning: $yellow !default;
|
||||
$danger: $red !default;
|
||||
$light: $gray-100 !default;
|
||||
$dark: $gray-800 !default;
|
||||
|
||||
// Body
|
||||
|
||||
$body-color: $gray-700 !default;
|
||||
|
||||
// Fonts
|
||||
|
||||
$headings-color: $cyan !default;
|
||||
|
||||
// Dropdowns
|
||||
|
||||
$dropdown-link-color: $body-color !default;
|
||||
$dropdown-link-hover-color: $white !default;
|
||||
$dropdown-link-hover-bg: $primary !default;
|
||||
|
||||
// Navbar
|
||||
|
||||
$navbar-dark-color: rgba($white,.8) !default;
|
||||
$navbar-dark-hover-color: $white !default;
|
Loading…
Add table
Add a link
Reference in a new issue