80 lines
3.8 KiB
SCSS
80 lines
3.8 KiB
SCSS
//
|
|
// BS Variables
|
|
//
|
|
/* $enable-responsive-font-sizes: true; */
|
|
|
|
// Colors
|
|
$blue: $o-blue;
|
|
$purple: $o-violet;
|
|
$cyan: $o-cyan;
|
|
$red: $o-red;
|
|
$orange: $o-orange;
|
|
$green: $o-green;
|
|
$teal: $o-teal;
|
|
|
|
$primary: $o-teal;
|
|
$secondary: $o-violet;
|
|
$light: $o-light;
|
|
$dark: $o-dark;
|
|
$success: $green;
|
|
$info: $blue;
|
|
$warning: $orange;
|
|
$danger: $red;
|
|
|
|
$theme-colors: (
|
|
"primary": $primary,
|
|
"secondary": $secondary,
|
|
"success": $success,
|
|
"info": $info,
|
|
"warning": $warning,
|
|
"danger": $danger,
|
|
"tip": $primary,
|
|
"light": $light,
|
|
"dark": $dark,
|
|
);
|
|
|
|
// Fonts
|
|
// Font, line-height, and color for body text, headings, and more.
|
|
$font-family-base: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !default;
|
|
$h1-font-size: 1.875rem;
|
|
$h2-font-size: 1.5rem;
|
|
$h3-font-size: 1.125rem;
|
|
$h4-font-size: 1rem;
|
|
$h5-font-size: 1rem;
|
|
$h6-font-size: $font-size-secondary;
|
|
|
|
// Buttons
|
|
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
|
|
$btn-font-size: $font-size-secondary;
|
|
$btn-font-weight: $fw_semibold;
|
|
$btn-focus-box-shadow: 0 0 0 transparent;
|
|
$btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="#000000"><path d="M15,16c-.27,0-.54-.11-.73-.31l-4.21-4.44c-.38-.4-.36-1.03,.04-1.41s1.03-.36,1.41,.04l3.48,3.67,3.42-3.67c.38-.4,1.01-.42,1.41-.05,.4,.38,.42,1.01,.05,1.41l-4.15,4.44c-.19,.2-.45,.32-.73,.32h0Z"/><path d="M10.79,20.44c-.25,0-.49-.09-.69-.27-.4-.38-.42-1.01-.04-1.41l4.21-4.45c.19-.2,.45-.31,.73-.31h0c.28,0,.54,.12,.73,.32l4.15,4.45c.38,.4,.35,1.04-.05,1.41-.41,.38-1.04,.35-1.41-.05l-3.42-3.67-3.48,3.67c-.2,.21-.46,.31-.73,.31Z"/><path d="M15,28.37c-7.37,0-13.37-6-13.37-13.37S7.63,1.63,15,1.63s13.37,6,13.37,13.37-6,13.37-13.37,13.37Zm0-24.74C8.73,3.63,3.63,8.73,3.63,15s5.1,11.37,11.37,11.37,11.37-5.1,11.37-11.37S21.27,3.63,15,3.63Z"/></svg>');
|
|
$btn-close-width: 2rem;
|
|
|
|
// Dropdowns
|
|
$dropdown-min-width: 4.5rem;
|
|
|
|
// Modals
|
|
$modal-backdrop-opacity: .7;
|
|
|
|
// Accordion
|
|
$accordion-body-padding-y: 0 !default;
|
|
$accordion-body-padding-x: 0 !default;
|
|
$accordion-color: shade-color($o-accordion-bg, 60%) !default;
|
|
$accordion-bg: $o-accordion-bg;
|
|
|
|
$accordion-button-color: $accordion-color !default;
|
|
$accordion-button-active-color: $accordion-button-color !default;
|
|
$accordion-button-bg: $accordion-bg !default;
|
|
$accordion-button-active-bg: $accordion-button-bg !default;
|
|
|
|
$accordion-icon-transform: rotate(0deg) !default;
|
|
|
|
//Alert
|
|
$alert-border-width: 3px;
|
|
$alert-border-scale: 0;
|
|
$alert-border-radius: 0 3px 3px 0;
|
|
$alert-bg-scale: -87%;
|
|
$alert-color-scale: 40%;
|