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

Bootstrap5 (#17)

Browse source 
* Bootstrap5 migration
This commit is contained in:
catborise 2021-07-07 14:12:38 +03:00 • committed by GitHub
parent 1663a49cee
commit 073b7b6717
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
244 changed files with 9494 additions and 8597 deletions
Download patch file Download diff file Expand all files Collapse all files

38
dev/scss/wvc-theme/sandstone/_bootswatch.scss
View file

@ -1,13 +1,15 @@
// Sandstone 4.6.0
// Sandstone 5.0.2
// Bootswatch
// Variables ===================================================================
// Variables
$web-font-path: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" !default;
@import url($web-font-path);
@if $web-font-path {
@import url($web-font-path);
}
// Navbar ======================================================================
// Navbar
.bg-primary {
background-color: $dark !important;
@ -22,7 +24,7 @@ $web-font-path: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;70
}
.sandstone {
font-size: 12px;
font-size: 13px;
line-height: 22px;
font-weight: 500;
text-transform: uppercase;
@ -39,7 +41,7 @@ $web-font-path: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;70
}
}
// Buttons =====================================================================
// Buttons
.btn {
@extend .sandstone;
@ -54,7 +56,7 @@ $web-font-path: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;70
}
}
// Tables ======================================================================
// Tables
.table {
.thead-dark th {
@ -62,7 +64,7 @@ $web-font-path: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;70
}
}
// Forms =======================================================================
// Forms
input,
.form-control {
@ -73,7 +75,7 @@ input,
}
}
// Navs ========================================================================
// Navs
.nav-tabs {
.nav-link {
@ -122,6 +124,7 @@ input,
.breadcrumb {
@extend .sandstone;
text-decoration: none;
border: 1px solid $gray-300;
}
@ -139,7 +142,7 @@ input,
}
}
// Indicators ==================================================================
// Indicators
.alert {
color: $white;
@ -222,9 +225,8 @@ input,
}
.badge {
&-success,
&-warning {
color: $white;
&.bg-light {
color: $dark;
}
}
@ -232,11 +234,11 @@ input,
@extend .sandstone;
}
.close {
color: $gray-300;
opacity: 1;
// Containers
&:hover {
color: darken($gray-300, 20%);
.modal,
.toast {
.btn-close {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dfd7ca'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>");
}
}

22
dev/scss/wvc-theme/sandstone/_variables.scss
View file

@ -1,6 +1,8 @@
// Sandstone 4.6.0
// Sandstone 5.0.2
// Bootswatch
$theme: "sandstone" !default;
//
// Color system
//
@ -37,7 +39,7 @@ $danger: $red !default;
$light: $gray-200 !default;
$dark: $gray-800 !default;
$yiq-contrasted-threshold: 170 !default;
$min-contrast-ratio: 2 !default;
// Body
@ -51,7 +53,6 @@ $link-color: $success !default;
// stylelint-disable-next-line value-keyword-case
$font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-size-base: .975rem !default;
$headings-font-weight: 400 !default;
// Dropdowns
@ -64,7 +65,7 @@ $dropdown-link-active-bg: $dropdown-link-hover-bg !default;
// Navs
$nav-link-padding-x: 1.25rem !default;
$nav-link-padding-x: .9rem !default;
$nav-link-disabled-color: $gray-300 !default;
$nav-tabs-border-color: $gray-300 !default;
$nav-tabs-link-hover-border-color: $gray-300 !default;
@ -124,6 +125,17 @@ $list-group-action-color: $list-group-active-color !default;
$list-group-action-active-color: $list-group-active-color !default;
$list-group-action-active-bg: $gray-300 !default;
// Breadcrumbs
$breadcrumb-padding-y: .375rem !default;
$breadcrumb-padding-x: .75rem !default;
$breadcrumb-bg: $pagination-bg !default;
$breadcrumb-border-radius: .25rem !default;
// Close
$close-text-shadow: none !default;
$btn-close-color: $white !default;
$btn-close-opacity: .8 !default;
$btn-close-hover-opacity: 1 !default;
$link-decoration: none !default;