250 lines
7.0 KiB
SCSS
Executable File
250 lines
7.0 KiB
SCSS
Executable File
// Versa 5.3.8
|
|
// Bootswatch
|
|
|
|
$theme: "versa" !default;
|
|
|
|
//
|
|
// Color system
|
|
//
|
|
|
|
$white: #fff !default;
|
|
$gray-100: #f5f5f5 !default;
|
|
$gray-200: #e5e5e5 !default;
|
|
$gray-300: #dee2e6 !default;
|
|
$gray-400: #ced4da !default;
|
|
$gray-500: #adb5bd !default;
|
|
$gray-600: #737373 !default;
|
|
$gray-700: #6c6c6c !default;
|
|
$gray-800: #2e2e2e !default;
|
|
$gray-900: #161616 !default;
|
|
$black: #000 !default;
|
|
|
|
$blue: #2b80ff !default;
|
|
$indigo: #605fff !default;
|
|
$purple: #ac47ff !default;
|
|
$pink: #d63384 !default;
|
|
$red: #e7020b !default;
|
|
$orange: #ff6801 !default;
|
|
$yellow: #efb100 !default;
|
|
$green: #04c951 !default;
|
|
$teal: #02bba7 !default;
|
|
$cyan: #00b9db !default;
|
|
|
|
$primary: $gray-900 !default;
|
|
$secondary: $white !default;
|
|
$success: $green !default;
|
|
$info: $blue !default;
|
|
$warning: $yellow !default;
|
|
$danger: $red !default;
|
|
$light: $gray-100 !default;
|
|
$dark: $gray-800 !default;
|
|
|
|
$min-contrast-ratio: 1.6 !default;
|
|
|
|
// Components
|
|
|
|
$border-color: $gray-200 !default;
|
|
$border-color-translucent: rgba($black, .075) !default;
|
|
|
|
$border-radius: .5rem !default;
|
|
$border-radius-lg: .875rem !default;
|
|
$border-radius-sm: calc(.625rem - 4px) !default;
|
|
$border-radius-pill: 50rem !default;
|
|
|
|
$box-shadow: rgba(0, 0, 0, .05) 0 1px 2px 0 !default;
|
|
$box-shadow-lg: rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .1) 0 2px 4px -2px !default;
|
|
|
|
|
|
// Body
|
|
|
|
$body-color: #0a0a0a !default;
|
|
|
|
// Fonts
|
|
|
|
$font-family-sans-serif: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
|
|
|
$font-size-base: .9375rem !default;
|
|
$font-size-sm: .875rem !default;
|
|
|
|
$font-weight-normal: 400 !default;
|
|
$font-weight-medium: 500 !default;
|
|
|
|
$lead-font-weight: $font-weight-normal !default;
|
|
|
|
// Tables
|
|
|
|
$table-th-font-weight: $font-weight-medium !default;
|
|
|
|
$table-active-bg-factor: 1 !default;
|
|
$table-active-bg: rgba($gray-100, $table-active-bg-factor) !default;
|
|
|
|
$table-hover-bg-factor: .05 !default;
|
|
|
|
$table-border-factor: .05 !default;
|
|
$table-border-color: $border-color !default;
|
|
|
|
$table-bg-scale: 0% !default;
|
|
|
|
// Buttons + Forms
|
|
|
|
$input-btn-padding-y: .5rem !default;
|
|
$input-btn-padding-x: 1rem !default;
|
|
$input-btn-font-size: .875rem !default;
|
|
|
|
$input-btn-padding-y-sm: .375rem !default;
|
|
$input-btn-padding-x-sm: .875rem !default;
|
|
$input-btn-font-size-sm: $font-size-base !default;
|
|
|
|
$input-btn-padding-y-lg: .875rem !default;
|
|
$input-btn-padding-x-lg: 1.5rem !default;
|
|
$input-btn-font-size-lg: $font-size-base !default;
|
|
|
|
|
|
// Buttons
|
|
|
|
$btn-font-weight: $font-weight-medium !default;
|
|
|
|
$btn-border-radius-sm: $border-radius !default;
|
|
$btn-border-radius-lg: $border-radius !default;
|
|
|
|
$btn-hover-bg-shade-amount: 10% !default;
|
|
$btn-hover-bg-tint-amount: 0% !default;
|
|
$btn-hover-border-shade-amount: 0% !default;
|
|
$btn-hover-border-tint-amount: 0% !default;
|
|
$btn-active-bg-shade-amount: 0% !default;
|
|
$btn-active-bg-tint-amount: 0% !default;
|
|
$btn-active-border-shade-amount: 0% !default;
|
|
$btn-active-border-tint-amount: 0% !default;
|
|
|
|
// Forms
|
|
|
|
$input-disabled-color: $gray-400 !default;
|
|
$input-disabled-bg: transparent !default;
|
|
|
|
$input-placeholder-color: $gray-600 !default;
|
|
|
|
$input-group-addon-color: $gray-600 !default;
|
|
$input-group-addon-bg: transparent !default;
|
|
$input-group-addon-border-color: transparent !default;
|
|
|
|
$form-select-disabled-color: $gray-500 !default;
|
|
|
|
$form-range-track-bg: $gray-100 !default;
|
|
|
|
$form-range-thumb-bg: $white !default;
|
|
$form-range-thumb-border: 1px solid $gray-900 !default;
|
|
$form-range-thumb-box-shadow: $box-shadow-lg !default;
|
|
$form-range-thumb-active-bg: $form-range-thumb-bg !default;
|
|
$form-range-thumb-disabled-bg: $gray-100 !default;
|
|
|
|
$form-file-button-bg: transparent !default;
|
|
$form-file-button-hover-bg: transparent !default;
|
|
|
|
// Navs
|
|
|
|
$nav-link-disabled-color: $gray-600 !default;
|
|
|
|
$nav-pills-link-active-color: $body-color !default;
|
|
$nav-pills-link-active-bg: $white !default;
|
|
|
|
// Navbar
|
|
|
|
$navbar-padding-y: 1rem !default;
|
|
|
|
$navbar-nav-link-padding-x: .75rem !default;
|
|
|
|
$navbar-light-color: $black !default;
|
|
$navbar-light-hover-color: $black !default;
|
|
$navbar-light-active-color: $black !default;
|
|
$navbar-light-toggler-border-color: transparent !default;
|
|
|
|
|
|
$navbar-dark-color: $white !default;
|
|
$navbar-dark-hover-color: $white !default;
|
|
$navbar-dark-active-color: $white !default;
|
|
$navbar-dark-toggler-border-color: transparent !default;
|
|
|
|
// Dropdowns
|
|
|
|
$dropdown-font-size: $input-btn-font-size !default;
|
|
$dropdown-color: $body-color !default;
|
|
$dropdown-border-color: $border-color !default;
|
|
|
|
$dropdown-item-padding-y: .5rem !default;
|
|
$dropdown-item-padding-x: .5rem !default;
|
|
|
|
$dropdown-header-color: $black !default;
|
|
$dropdown-header-padding-x: .875rem !default;
|
|
|
|
// Pagination
|
|
|
|
$pagination-padding-x: 1rem !default;
|
|
$pagination-padding-x-sm: .75rem !default;
|
|
|
|
$pagination-border-color: transparent !default;
|
|
|
|
$pagination-hover-border-color: transparent !default;
|
|
|
|
$pagination-active-color: inherit !default;
|
|
$pagination-active-bg: transparent !default;
|
|
$pagination-active-border-color: $border-color !default;
|
|
|
|
|
|
$pagination-disabled-bg: transparent !default;
|
|
$pagination-disabled-border-color: transparent !default;
|
|
|
|
// Cards
|
|
|
|
// Accordion
|
|
|
|
$accordion-button-active-bg: transparent !default;
|
|
|
|
// Tooltips
|
|
|
|
$tooltip-font-size: $font-size-sm * .875 !default;
|
|
$tooltip-padding-x: .675rem !default;
|
|
|
|
// Popovers
|
|
|
|
$popover-box-shadow: $box-shadow-lg !default;
|
|
|
|
$popover-header-bg: transparent !default;
|
|
|
|
// Toasts
|
|
|
|
$toast-header-color: $body-color !default;
|
|
|
|
// Badges
|
|
|
|
$badge-font-weight: $font-weight-medium !default;
|
|
|
|
// Modals
|
|
|
|
// Alerts
|
|
|
|
// Progress bars
|
|
|
|
$progress-height: .5rem !default;
|
|
|
|
// List group
|
|
|
|
$list-group-item-bg-scale: -92% !default; // Deprecated in v5.3.0
|
|
|
|
// Breadcrumbs
|
|
|
|
$breadcrumb-item-padding-x: 1rem !default;
|
|
$breadcrumb-font-size: $font-size-sm !default;
|
|
$breadcrumb-divider-color: $gray-600 !default;
|
|
$breadcrumb-active-color: $body-color !default;
|
|
$breadcrumb-divider: quote("〉") !default;
|
|
|
|
// Close
|
|
|
|
$btn-close-width: .5em !default;
|
|
$btn-close-color: $gray-800 !default;
|
|
|
|
// Offcanvas
|
|
|
|
$offcanvas-padding-y: 2rem !default;
|
|
$offcanvas-padding-x: 2rem !default;
|