mirror of
https://github.com/retspen/webvirtcloud
synced 2025-07-31 12:41:08 +00:00
Bootstrap & Bootswatch Upgrade: 4.5 -> 4.5.3
This commit is contained in:
catborise
parent
12fa9e7cf1
commit
e2e62a3ad4
67 changed files with 1507 additions and 1368 deletions
|
|
@ -1,4 +1,4 @@
|
|||
// Sketchy 4.5.0
|
||||
// Sketchy 4.5.3
|
||||
// Bootswatch
|
||||
|
||||
|
||||
|
|
@ -7,9 +7,11 @@
|
|||
$web-font-path: "https://fonts.googleapis.com/css?family=Neucha|Cabin+Sketch&display=swap" !default;
|
||||
@import url($web-font-path);
|
||||
|
||||
$border-radius-sketchy: 255px 25px 225px 25px/25px 225px 25px 255px;
|
||||
$border-radius-lg-sketchy: 555px 25px 15px 25px/25px 5px 35px 555px;
|
||||
$border-radius-sm-sketchy: 255px 25px 225px 25px/25px 225px 25px 255px;
|
||||
// stylelint-disable scss/dollar-variable-default
|
||||
$border-radius-sketchy: 255px 25px 225px 25px / 25px 225px 25px 255px;
|
||||
$border-radius-lg-sketchy: 555px 25px 15px 25px / 25px 5px 35px 555px;
|
||||
$border-radius-sm-sketchy: 255px 25px 225px 25px / 25px 225px 25px 255px;
|
||||
// style-enable scss/dollar-variable-default
|
||||
|
||||
// Navbar ======================================================================
|
||||
|
||||
|
|
@ -24,17 +26,17 @@ $border-radius-sm-sketchy: 255px 25px 225px 25px/25px 225px 25px 255px;
|
|||
|
||||
&.fixed-top {
|
||||
border-radius: 0 25px 225px 0/25px 0 25px 255px;
|
||||
border-width: 0 0 2px 0;
|
||||
border-width: 0 0 2px;
|
||||
}
|
||||
|
||||
&.fixed-bottom {
|
||||
border-radius: 255px 25px 0 25px/25px 225px 25px 0;
|
||||
border-width: 2px 0 0 0;
|
||||
border-width: 2px 0 0;
|
||||
}
|
||||
|
||||
&-brand {
|
||||
font-family: $headings-font-family;
|
||||
font-weight: normal;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -56,7 +58,11 @@ $border-radius-sm-sketchy: 255px 25px 225px 25px/25px 225px 25px 255px;
|
|||
|
||||
// Typography ==================================================================
|
||||
|
||||
button, input, optgroup, select, textarea {
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: $font-family-sans-serif;
|
||||
}
|
||||
|
||||
|
|
@ -69,7 +75,7 @@ blockquote {
|
|||
table {
|
||||
th,
|
||||
td {
|
||||
background-color: #fff;
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -87,7 +93,8 @@ table {
|
|||
|
||||
.table-success,
|
||||
.table-success:hover {
|
||||
td, th {
|
||||
td,
|
||||
th {
|
||||
background-color: $success;
|
||||
color: $white;
|
||||
}
|
||||
|
|
@ -95,7 +102,8 @@ table {
|
|||
|
||||
.table-info,
|
||||
.table-info:hover {
|
||||
td, th {
|
||||
td,
|
||||
th {
|
||||
background-color: $info;
|
||||
color: $white;
|
||||
}
|
||||
|
|
@ -103,7 +111,8 @@ table {
|
|||
|
||||
.table-warning,
|
||||
.table-warning:hover {
|
||||
td, th {
|
||||
td,
|
||||
th {
|
||||
background-color: $warning;
|
||||
color: $white;
|
||||
}
|
||||
|
|
@ -111,7 +120,8 @@ table {
|
|||
|
||||
.table-danger,
|
||||
.table-danger:hover {
|
||||
td, th {
|
||||
td,
|
||||
th {
|
||||
background-color: $danger;
|
||||
color: $white;
|
||||
}
|
||||
|
|
@ -125,7 +135,6 @@ table {
|
|||
&.table-hover .table-active:hover > td {
|
||||
background-color: $gray-800;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -153,11 +162,11 @@ select.form-control {
|
|||
border: none;
|
||||
cursor: pointer;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -1.2em;
|
||||
top: -0.9em;
|
||||
top: -.9em;
|
||||
display: inline-block;
|
||||
width: 15px;
|
||||
height: 16px;
|
||||
|
|
@ -165,18 +174,18 @@ select.form-control {
|
|||
border-radius: 2px 8px 2px 4px / 5px 3px 5px 3px;
|
||||
}
|
||||
|
||||
&:checked:after {
|
||||
&:checked::after {
|
||||
content: "x";
|
||||
position: absolute;
|
||||
left: -0.64em;
|
||||
top: -0.48em;
|
||||
left: -.64em;
|
||||
top: -.48em;
|
||||
font-size: 1.5rem;
|
||||
line-height: 0.5;
|
||||
line-height: .5;
|
||||
color: $gray-800;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
&:before {
|
||||
&::before {
|
||||
border: 2px solid $gray-500;
|
||||
}
|
||||
}
|
||||
|
|
@ -190,11 +199,11 @@ select.form-control {
|
|||
border: none;
|
||||
cursor: pointer;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -1.2em;
|
||||
top: -0.9em;
|
||||
top: -.9em;
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
|
@ -202,12 +211,12 @@ select.form-control {
|
|||
border-radius: 50% 45% 40% 50% / 40% 50% 50% 45%;
|
||||
}
|
||||
|
||||
&:checked:before {
|
||||
&:checked::before {
|
||||
background-color: $gray-800;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
&:before {
|
||||
&::before {
|
||||
border: 2px solid $gray-500;
|
||||
}
|
||||
}
|
||||
|
|
@ -219,19 +228,19 @@ select.form-control {
|
|||
|
||||
.form-check-inline {
|
||||
[type="checkbox"] {
|
||||
&:before {
|
||||
&::before {
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: 0.14em;
|
||||
top: 0.12em;
|
||||
&::after {
|
||||
left: .14em;
|
||||
top: .12em;
|
||||
}
|
||||
}
|
||||
|
||||
[type="radio"] {
|
||||
&:before {
|
||||
&::before {
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
|
@ -306,10 +315,6 @@ select.form-control {
|
|||
|
||||
// Indicators ==================================================================
|
||||
|
||||
.progress {
|
||||
border: 2px solid $gray-800;
|
||||
}
|
||||
|
||||
.badge {
|
||||
border-radius: $border-radius-sm-sketchy;
|
||||
|
||||
|
|
@ -329,9 +334,9 @@ select.form-control {
|
|||
.close {
|
||||
color: transparent;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
right: 1rem;
|
||||
top: 0.8rem;
|
||||
top: .8rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -340,7 +345,7 @@ select.form-control {
|
|||
|
||||
&,
|
||||
.alert-link,
|
||||
.close:before {
|
||||
.close::before {
|
||||
color: $success;
|
||||
}
|
||||
}
|
||||
|
|
@ -350,7 +355,7 @@ select.form-control {
|
|||
|
||||
&,
|
||||
.alert-link,
|
||||
.close:before {
|
||||
.close::before {
|
||||
color: $info;
|
||||
}
|
||||
}
|
||||
|
|
@ -360,7 +365,7 @@ select.form-control {
|
|||
|
||||
&,
|
||||
.alert-link,
|
||||
.close:before {
|
||||
.close::before {
|
||||
color: $warning;
|
||||
}
|
||||
}
|
||||
|
|
@ -370,7 +375,7 @@ select.form-control {
|
|||
|
||||
&,
|
||||
.alert-link,
|
||||
.close:before {
|
||||
.close::before {
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
|
|
@ -380,6 +385,7 @@ select.form-control {
|
|||
// Progress bars ===============================================================
|
||||
|
||||
.progress {
|
||||
border: 2px solid $gray-800;
|
||||
border-radius: $border-radius-sm-sketchy;
|
||||
}
|
||||
|
||||
|
|
@ -461,7 +467,6 @@ select.form-control {
|
|||
}
|
||||
|
||||
.tooltip {
|
||||
|
||||
&-inner {
|
||||
border-radius: $border-radius-sm-sketchy;
|
||||
}
|
||||
|
|
@ -478,7 +483,7 @@ pre {
|
|||
.close:active {
|
||||
opacity: 1;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "X";
|
||||
color: $gray-800;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
// Sketchy 4.5.0
|
||||
// Sketchy 4.5.3
|
||||
// Bootswatch
|
||||
|
||||
//
|
||||
|
|
@ -45,19 +45,17 @@ $link-decoration: underline !default;
|
|||
|
||||
// Components
|
||||
|
||||
$border-width: 2px !default;
|
||||
|
||||
$border-radius: 25px !default;
|
||||
$border-radius-lg: 35px !default;
|
||||
$border-radius-sm: 15px !default;
|
||||
$border-width: 2px !default;
|
||||
$border-radius: 25px !default;
|
||||
$border-radius-lg: 35px !default;
|
||||
$border-radius-sm: 15px !default;
|
||||
|
||||
// Fonts
|
||||
|
||||
$font-family-sans-serif: 'Neucha', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
|
||||
|
||||
// stylelint-disable-next-line value-keyword-case
|
||||
$font-family-sans-serif: Neucha, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
|
||||
$font-weight-base: 700 !default;
|
||||
|
||||
$headings-font-family: 'Cabin Sketch', cursive !default;
|
||||
$headings-font-family: "Cabin Sketch", cursive !default;
|
||||
|
||||
$blockquote-small-color: $gray-800 !default;
|
||||
|
||||
|
|
@ -65,21 +63,18 @@ $blockquote-small-color: $gray-800 !default;
|
|||
|
||||
$table-accent-bg: $gray-400 !default;
|
||||
$table-hover-bg: $white !default;
|
||||
|
||||
$table-border-width: 2px !default;
|
||||
$table-border-color: $gray-800 !default;
|
||||
|
||||
// Forms
|
||||
|
||||
$input-border-color: $gray-800 !default;
|
||||
|
||||
$input-focus-border-color: $input-border-color !default;
|
||||
$input-border-color: $gray-800 !default;
|
||||
$input-focus-border-color: $input-border-color !default;
|
||||
|
||||
// Dropdowns
|
||||
|
||||
$dropdown-border-color: $gray-800 !default;
|
||||
$dropdown-divider-bg: $gray-800 !default;
|
||||
|
||||
$dropdown-link-hover-color: $white !default;
|
||||
$dropdown-link-hover-bg: $gray-800 !default;
|
||||
|
||||
|
|
@ -95,7 +90,6 @@ $nav-tabs-link-active-border-color: $gray-800 !default;
|
|||
$navbar-dark-color: $white !default;
|
||||
$navbar-dark-hover-color: $white !default;
|
||||
$navbar-dark-toggler-border-color: $white !default;
|
||||
|
||||
$navbar-light-color: $gray-800 !default;
|
||||
$navbar-light-hover-color: $gray-800 !default;
|
||||
$navbar-light-active-color: $gray-800 !default;
|
||||
|
|
@ -104,15 +98,12 @@ $navbar-light-toggler-border-color: $gray-800 !default;
|
|||
// Pagination
|
||||
|
||||
$pagination-border-color: $gray-800 !default;
|
||||
|
||||
$pagination-hover-color: $white !default;
|
||||
$pagination-hover-bg: $gray-800 !default;
|
||||
$pagination-hover-border-color: $gray-800 !default;
|
||||
|
||||
$pagination-disabled-color: $gray-400 !default;
|
||||
$pagination-disabled-border-color: $gray-800 !default;
|
||||
|
||||
|
||||
// Jumbotron
|
||||
|
||||
$jumbotron-bg: transparent !default;
|
||||
|
|
@ -128,21 +119,19 @@ $popover-border-color: $gray-800 !default;
|
|||
|
||||
// Badges
|
||||
|
||||
$badge-padding-y: 0.5em !default;
|
||||
$badge-padding-y: .5em !default;
|
||||
$badge-padding-x: 1.2em !default;
|
||||
|
||||
// Toasts
|
||||
|
||||
$toast-border-width: 2px !default;
|
||||
$toast-border-color: $gray-800 !default;
|
||||
|
||||
$toast-header-color: $gray-800 !default;
|
||||
$toast-header-border-color: $toast-border-color !default;
|
||||
|
||||
// Modals
|
||||
|
||||
$modal-content-border-color: $gray-800 !default;
|
||||
|
||||
$modal-header-border-color: $gray-800 !default;
|
||||
|
||||
// Progress bars
|
||||
|
|
@ -153,11 +142,9 @@ $progress-bar-bg: $gray-400 !default;
|
|||
// List group
|
||||
|
||||
$list-group-border-color: $gray-800 !default;
|
||||
|
||||
$list-group-hover-bg: $gray-300 !default;
|
||||
$list-group-active-color: $white !default;
|
||||
$list-group-active-bg: $gray-800 !default;
|
||||
|
||||
$list-group-action-color: $gray-800 !default;
|
||||
|
||||
// Breadcrumbs
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue