base_ui/assets/common/scss/customizations/_variables.scss

58 lines
1.4 KiB
SCSS
Raw Normal View History

2025-02-01 09:34:55 +00:00
@use "sass:math";
$blue: #00b6e3 !default;
$body-direction: $VITE_DIRECTION !default;
$gray-600: #6c757d !default;
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
$grid-row-columns: 6 !default;
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px,
xxxl: 1700px,
fhd: 1900px,
ufhd: 2000px,
) !default;
//$border-radius: .25rem !default;
$border-radius: 0.5rem !default;
$border-radius-lg: 1.3rem !default;
$border-radius-sm: 1.2rem !default;
$font-family-base: $VITE_FONT_FAMILY !default;
$input-btn-padding-y: 0.175rem !default;
$input-btn-focus-color: none !default;
$input-btn-focus-box-shadow: none !default;
// $card-group-margin: math.div($grid-gutter-width, 2) !default;
$breadcrumb-padding-y: 0 !default;
$breadcrumb-padding-x: 0 !default;
$breadcrumb-item-padding: 0.5rem !default;
$breadcrumb-margin-bottom: 0 !default;
$breadcrumb-bg: transparent !default;
$breadcrumb-divider-color: $gray-600 !default;
$breadcrumb-active-color: $gray-600 !default;
$breadcrumb-divider: quote("/") !default;
$breadcrumb-border-radius: 0 !default;
// ****** spinners ******
$spinner-width: 2rem;
$spinner-height: $spinner-width;
$spinner-vertical-align: -.125em;
$spinner-border-width: .25em;
$spinner-animation-speed: .75s;
$spinner-width-sm: 1rem;
$spinner-height-sm: $spinner-width-sm;
$spinner-border-width-sm: .2em;