mirror of
https://github.com/retspen/webvirtcloud
synced 2025-07-31 12:41:08 +00:00
catborise
GitHub
parent
1663a49cee
commit
073b7b6717
244 changed files with 9494 additions and 8597 deletions
|
|
@ -1,19 +1,21 @@
|
|||
// Sketchy 4.6.0
|
||||
// Sketchy 5.0.2
|
||||
// Bootswatch
|
||||
|
||||
|
||||
// Variables ===================================================================
|
||||
// Variables
|
||||
|
||||
$web-font-path: "https://fonts.googleapis.com/css?family=Neucha|Cabin+Sketch&display=swap" !default;
|
||||
@import url($web-font-path);
|
||||
@if $web-font-path {
|
||||
@import url($web-font-path);
|
||||
}
|
||||
|
||||
// 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-lg-sketchy: 55px 225px 15px 25px / 25px 25px 35px 355px;
|
||||
$border-radius-sm-sketchy: 255px 25px 225px 25px / 25px 225px 25px 255px;
|
||||
// style-enable scss/dollar-variable-default
|
||||
|
||||
// Navbar ======================================================================
|
||||
// Navbar
|
||||
|
||||
.navbar {
|
||||
border-width: 2px;
|
||||
|
|
@ -41,7 +43,7 @@ $border-radius-sm-sketchy: 255px 25px 225px 25px / 25px 225px 25px 255px;
|
|||
}
|
||||
}
|
||||
|
||||
// Buttons =====================================================================
|
||||
// Buttons
|
||||
|
||||
.btn {
|
||||
border-radius: $border-radius-sketchy;
|
||||
|
|
@ -56,7 +58,11 @@ $border-radius-sm-sketchy: 255px 25px 225px 25px / 25px 225px 25px 255px;
|
|||
}
|
||||
}
|
||||
|
||||
// Typography ==================================================================
|
||||
.btn-check {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Typography
|
||||
|
||||
button,
|
||||
input,
|
||||
|
|
@ -70,7 +76,7 @@ blockquote {
|
|||
border-radius: 15px 27px 25px 25px/25px 25px 305px 635px;
|
||||
}
|
||||
|
||||
// Tables ======================================================================
|
||||
// Tables
|
||||
|
||||
table {
|
||||
th,
|
||||
|
|
@ -138,12 +144,11 @@ table {
|
|||
}
|
||||
|
||||
|
||||
// Forms =======================================================================
|
||||
// Forms
|
||||
|
||||
input,
|
||||
.form-control,
|
||||
.input-group-text,
|
||||
.custom-file-label {
|
||||
.input-group-text {
|
||||
border-radius: $border-radius-sketchy;
|
||||
}
|
||||
|
||||
|
|
@ -165,8 +170,8 @@ select.form-control {
|
|||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -1.2em;
|
||||
top: -.9em;
|
||||
left: 0;
|
||||
top: -.1em;
|
||||
display: inline-block;
|
||||
width: 15px;
|
||||
height: 16px;
|
||||
|
|
@ -177,8 +182,8 @@ select.form-control {
|
|||
&:checked::after {
|
||||
content: "x";
|
||||
position: absolute;
|
||||
left: -.64em;
|
||||
top: -.48em;
|
||||
left: .1em;
|
||||
top: 0;
|
||||
font-size: 1.5rem;
|
||||
line-height: .5;
|
||||
color: $gray-800;
|
||||
|
|
@ -202,8 +207,8 @@ select.form-control {
|
|||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -1.2em;
|
||||
top: -.9em;
|
||||
left: 0;
|
||||
top: -.1em;
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
|
@ -222,37 +227,51 @@ select.form-control {
|
|||
}
|
||||
}
|
||||
|
||||
.form-check-label {
|
||||
padding-left: 2.5rem;
|
||||
.form-check-input {
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-check-inline {
|
||||
[type="checkbox"] {
|
||||
.form-switch {
|
||||
padding-left: 0;
|
||||
|
||||
.form-check-input {
|
||||
position: relative;
|
||||
margin-left: 0;
|
||||
|
||||
&::before {
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 32px;
|
||||
border-radius: 30% 35% 30% 30% / 30% 50% 30% 45%;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: .14em;
|
||||
top: .12em;
|
||||
}
|
||||
}
|
||||
|
||||
[type="radio"] {
|
||||
&::before {
|
||||
left: 0;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: $white;
|
||||
border: 2px solid #333;
|
||||
border-radius: 50% 45% 40% 50% / 40% 50% 50% 45%;
|
||||
transition: left .15s ease-in-out;
|
||||
}
|
||||
|
||||
&:checked::after {
|
||||
top: 0;
|
||||
left: 18px;
|
||||
background-color: $gray-800;
|
||||
}
|
||||
}
|
||||
|
||||
.form-check-label {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
margin-left: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
// Navs ========================================================================
|
||||
// Navs
|
||||
|
||||
.dropdown-menu {
|
||||
border-radius: 555px 25px 25px 25px/25px 25px 25px 555px;
|
||||
|
|
@ -285,7 +304,7 @@ select.form-control {
|
|||
}
|
||||
}
|
||||
|
||||
.nav-pills .nav-link, {
|
||||
.nav-pills .nav-link {
|
||||
border-radius: $border-radius-sketchy;
|
||||
}
|
||||
|
||||
|
|
@ -305,6 +324,9 @@ select.form-control {
|
|||
.breadcrumb {
|
||||
border: 2px solid $gray-800;
|
||||
border-radius: $border-radius-sketchy;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination {
|
||||
|
|
@ -313,7 +335,7 @@ select.form-control {
|
|||
}
|
||||
}
|
||||
|
||||
// Indicators ==================================================================
|
||||
// Indicators
|
||||
|
||||
.badge {
|
||||
border-radius: $border-radius-sm-sketchy;
|
||||
|
|
@ -322,74 +344,29 @@ select.form-control {
|
|||
border-radius: 7rem 8rem 8rem 8rem / 4rem 5rem 6rem 6rem;
|
||||
}
|
||||
|
||||
&-warning {
|
||||
color: $white;
|
||||
&.bg-light {
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
.alert {
|
||||
border-radius: $border-radius-sketchy;
|
||||
|
||||
&-dismissible {
|
||||
.close {
|
||||
color: transparent;
|
||||
|
||||
&::before {
|
||||
right: 1rem;
|
||||
top: .8rem;
|
||||
}
|
||||
}
|
||||
|
||||
&.alert-success {
|
||||
border-color: $success;
|
||||
|
||||
&,
|
||||
.alert-link,
|
||||
.close::before {
|
||||
color: $success;
|
||||
}
|
||||
}
|
||||
|
||||
&.alert-info {
|
||||
border-color: $info;
|
||||
|
||||
&,
|
||||
.alert-link,
|
||||
.close::before {
|
||||
color: $info;
|
||||
}
|
||||
}
|
||||
|
||||
&.alert-warning {
|
||||
border-color: $warning;
|
||||
|
||||
&,
|
||||
.alert-link,
|
||||
.close::before {
|
||||
color: $warning;
|
||||
}
|
||||
}
|
||||
|
||||
&.alert-danger {
|
||||
border-color: $danger;
|
||||
|
||||
&,
|
||||
.alert-link,
|
||||
.close::before {
|
||||
color: $danger;
|
||||
}
|
||||
.btn-close {
|
||||
&::before {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Progress bars ===============================================================
|
||||
// Progress bars
|
||||
|
||||
.progress {
|
||||
border: 2px solid $gray-800;
|
||||
border-radius: $border-radius-sm-sketchy;
|
||||
}
|
||||
|
||||
// Containers ==================================================================
|
||||
// Containers
|
||||
|
||||
.card {
|
||||
border-radius: 5px 5px 5px 5px/25px 25px 25px 5px;
|
||||
|
|
@ -418,11 +395,6 @@ select.form-control {
|
|||
}
|
||||
}
|
||||
|
||||
.jumbotron {
|
||||
border: 2px solid $gray-800;
|
||||
border-radius: $border-radius-lg-sketchy;
|
||||
}
|
||||
|
||||
.toast {
|
||||
border-radius: 10px 10px 15px 5px/5px 15px 5px 15px;
|
||||
|
||||
|
|
@ -445,22 +417,22 @@ select.form-control {
|
|||
border-bottom: 2px solid $gray-800;
|
||||
}
|
||||
|
||||
&.popover-left::before,
|
||||
&.bs-popover-start::before,
|
||||
&.bs-tether-element-attached-right::before {
|
||||
right: -13px;
|
||||
}
|
||||
|
||||
&.popover-top::before,
|
||||
&.bs-popover-top::before,
|
||||
&.bs-tether-element-attached-bottom::before {
|
||||
bottom: -13px;
|
||||
}
|
||||
|
||||
&.popover-bottom::before,
|
||||
&.bs-popover-bottom::before,
|
||||
&.bs-tether-element-attached-top::before {
|
||||
top: -13px;
|
||||
}
|
||||
|
||||
&.popover-right::before,
|
||||
&.bs-popover-end::before,
|
||||
&.bs-tether-element-attached-left::before {
|
||||
left: -13px;
|
||||
}
|
||||
|
|
@ -477,16 +449,14 @@ pre {
|
|||
border-radius: 15px 5px 5px 25px/5px 25px 25px 5px;
|
||||
}
|
||||
|
||||
.close,
|
||||
.close:hover,
|
||||
.close:focus,
|
||||
.close:active {
|
||||
opacity: 1;
|
||||
.btn-close {
|
||||
background-image: none;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "X";
|
||||
color: $gray-800;
|
||||
position: absolute;
|
||||
right: 1rem;
|
||||
top: .8rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
// Sketchy 4.6.0
|
||||
// Sketchy 5.0.2
|
||||
// Bootswatch
|
||||
|
||||
$theme: "sketchy" !default;
|
||||
|
||||
//
|
||||
// Color system
|
||||
//
|
||||
|
|
@ -37,7 +39,7 @@ $danger: $red !default;
|
|||
$light: $white !default;
|
||||
$dark: $gray-700 !default;
|
||||
|
||||
$yiq-contrasted-threshold: 200 !default;
|
||||
$min-contrast-ratio: 1.6 !default;
|
||||
|
||||
// Links
|
||||
|
||||
|
|
@ -61,8 +63,8 @@ $blockquote-small-color: $gray-800 !default;
|
|||
|
||||
// Tables
|
||||
|
||||
$table-accent-bg: $gray-400 !default;
|
||||
$table-hover-bg: $white !default;
|
||||
$table-accent-bg: transparent;
|
||||
$table-hover-bg: $gray-100 !default;
|
||||
$table-border-width: 2px !default;
|
||||
$table-border-color: $gray-800 !default;
|
||||
|
||||
|
|
@ -104,10 +106,6 @@ $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;
|
||||
|
||||
// Cards
|
||||
|
||||
$card-border-width: 2px !default;
|
||||
|
|
@ -149,11 +147,17 @@ $list-group-action-color: $gray-800 !default;
|
|||
|
||||
// Breadcrumbs
|
||||
|
||||
$breadcrumb-bg: $white !default;
|
||||
$breadcrumb-padding-y: .375rem !default;
|
||||
$breadcrumb-padding-x: .75rem !default;
|
||||
$breadcrumb-divider-color: $gray-800 !default;
|
||||
$breadcrumb-active-color: $gray-800 !default;
|
||||
$breadcrumb-border-radius: .25rem !default;
|
||||
|
||||
// Close
|
||||
|
||||
$close-color: $white !default;
|
||||
$close-text-shadow: none !default;
|
||||
$btn-close-color: inherit !default;
|
||||
$btn-close-opacity: 1 !default;
|
||||
$btn-close-hover-opacity: 1 !default;
|
||||
$btn-close-focus-shadow: none !default;
|
||||
|
||||
$link-decoration: none !default;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue