gramps
373ebc8c93
952 days continuous production uptime, 40k+ tp/s single node. Original corpo Bitbucket history not included — clean archive commit.
1182 lines
71 KiB
SCSS
Executable File
1182 lines
71 KiB
SCSS
Executable File
// Variables Pro
|
|
$border-radius-rounded: 10em !default;
|
|
|
|
// Gradients Premium
|
|
$gradients-premium: () !default;
|
|
$gradients-premium: map-merge((
|
|
"purple": (
|
|
"start": #ff6ec4,
|
|
"end": #7873f5
|
|
),
|
|
"peach": (
|
|
"start": #FFD86F,
|
|
"end": #FC6262
|
|
),
|
|
"aqua": (
|
|
"start": #2096ff,
|
|
"end": #05ffa3
|
|
),
|
|
"blue": (
|
|
"start": #45cafc,
|
|
"end": $indigo-darken-2
|
|
),
|
|
), $gradients-premium);
|
|
|
|
// Accordion
|
|
$accordion-card-header-padding-y: 1rem !default;
|
|
$accordion-card-header-padding-x: 1.5rem !default;
|
|
$accordion-rotate-icon-transform: rotate(180deg) !default;
|
|
$accordion-link-hover-transition: ease-in-out .3s !default;
|
|
$accordion-card-body-line-height: 1.7 !default;
|
|
$accordion-card-body-color: #626262 !default;
|
|
$accordion-card-body-font-size: .9rem !default;
|
|
|
|
// Animations
|
|
$animations-pro-transform: $accordion-rotate-icon-transform !default;
|
|
$animations-pro-transition: all 150ms ease-in 0s !default;
|
|
|
|
// Autocomplete
|
|
$autocomplete-margin-bottom: 1px !default;
|
|
$autocomplete-clear-top: .5rem !default;
|
|
$autocomplete-clear-color: #a6a6a6 !default;
|
|
$autocomplete-wrap-max-height: 210px !default;
|
|
$autocomplete-wrap-li-padding-y: 12px !default;
|
|
$autocomplete-wrap-li-padding-x: 15px !default;
|
|
$autocomplete-wrap-li-font-size: .875rem !default;
|
|
$autocomplete-wrap-li-hover-bg: $grey-lighten-3 !default;
|
|
$form-inline-autocomplete-width: 15rem !default;
|
|
|
|
// Buttons
|
|
$btn-floating-width: 47px !default;
|
|
$btn-floating-height: $btn-floating-width !default;
|
|
$btn-floating-icon-size: 1.25rem !default;
|
|
$btn-floating-line-height: $btn-floating-width !default;
|
|
|
|
$btn-floating-width-sm: $btn-floating-width / 1.3 !default;
|
|
$btn-floating-height-sm: $btn-floating-width-sm !default;
|
|
$btn-floating-icon-size-sm: $btn-floating-icon-size / 1.3 !default;
|
|
$btn-floating-line-height-sm: $btn-floating-width-sm !default;
|
|
|
|
$btn-floating-width-lg: $btn-floating-width * 1.3 !default;
|
|
$btn-floating-height-lg: $btn-floating-width-lg !default;
|
|
$btn-floating-icon-size-lg: $btn-floating-icon-size * 1.3 !default;
|
|
$btn-floating-line-height-lg: $btn-floating-width-lg !default;
|
|
|
|
$btn-floating-transtion: $transition-basic !default;
|
|
$btn-floating-margin: 10px !default;
|
|
$btn-floating-border-radius: $border-radius-circle !default;
|
|
|
|
$fixed-action-btn-right: 35px !default;
|
|
$fixed-action-btn-bottom: $fixed-action-btn-right !default;
|
|
$fixed-action-btn-padding-top: $autocomplete-wrap-li-padding-x !default;
|
|
$fixed-action-btn-ul-bottom: 64px !default;
|
|
$fixed-action-btn-li-margin-bottom: $autocomplete-wrap-li-padding-x !default;
|
|
|
|
$btn-rounded-border-radius: $border-radius-rounded !default;
|
|
|
|
// Social buttons
|
|
$btn-counter-margin-top: 0px !default;
|
|
$btn-sm-counter-margin-top: 8px !default;
|
|
$btn-md-counter-margin-top: 5px !default;
|
|
$btn-lg-counter-margin-top: -4px !default;
|
|
$btn-counter-margin-left: -23px !default;
|
|
$btn-counter-border-radius: $border-radius-rounded !default;
|
|
$btn-counter-padding-y: $autocomplete-margin-bottom !default;
|
|
$btn-counter-padding-x: 7px !default;
|
|
$btn-counter-bgc: rgb(254, 18, 18) !default;
|
|
$btn-counter-font-size: 11px !default;
|
|
|
|
$icons-sm-margin: $autocomplete-clear-top !default;
|
|
$icons-sm-padding: $icons-sm-margin !default;
|
|
$icons-sm-font-size: 1.2rem !default;
|
|
|
|
// Blog
|
|
$blog-comment-date-text-color: #666666 !default;
|
|
$personal-sm-transition-duration: .2s !default;
|
|
$personal-sm-hover-transform: scale(1.2) !default;
|
|
|
|
// Cards
|
|
$card-up-size: 120px !default;
|
|
$card-up-img-size: 200px !default;
|
|
$card-avatar-margin-top: -60px !default;
|
|
$card-wrapper-min-height: 500px !default;
|
|
$card-wrapper-perspective: 800px !default;
|
|
$card-rotating-transform-style: preserve-3d !default;
|
|
$card-front-effect-click-transform: rotateY(180deg) !default;
|
|
$card-back-effect-click-transform: rotateY(0) !default;
|
|
$card-front-back-transition: 1s !default;
|
|
$card-back-transform: rotateY(-180deg) !default;
|
|
|
|
$card-cascade-wider-card-body-mx: 4% !default;
|
|
$card-cascade-wider-card-body-bg: $white !default;
|
|
$card-cascade-reverse-mt: -1rem !default;
|
|
$card-cascade-narrower-mt: $btn-floating-icon-size !default;
|
|
$card-cascade-narrowe-view-mx: $card-cascade-wider-card-body-mx !default;
|
|
$card-cascade-narrower-view-mt: -1.25rem !default;
|
|
$card-cascade-header-gradient-py: 1.6rem !default;
|
|
$card-cascade-header-gradient-px: $accordion-card-header-padding-y !default;
|
|
$card-cascade-header-gradient-btn-floating-bgc: rgba($white, .2) !default;
|
|
|
|
$card-btn-action-my: -1.44rem !default;
|
|
$card-activator-font-size: $icons-sm-font-size !default;
|
|
$card-reveal-title-i-color: $grey-base !default;
|
|
$card-reveal-title-i-right: .63rem !default;
|
|
$card-share-social-reveal-top: $card-btn-action-my !default;
|
|
$card-share-social-reveal-right: 1.88rem !default;
|
|
$card-share-social-reveal-transition-ease: ease ;
|
|
$card-share-social-reveal-transition: transform .35s $card-share-social-reveal-transition-ease !default;
|
|
|
|
$panel-cascade-view-color: $white !default;
|
|
$panel-cascade-list-group-item-border-bottom: $grey-lighten-3 !default;
|
|
$panel-cascade-list-group-item-color: #495057 !default;
|
|
$panel-cascade-list-group-item-bgc: $panel-cascade-list-group-item-border-bottom !default;
|
|
|
|
// Charts
|
|
$min-chart-width: 110px !default;
|
|
$min-chart-height: $min-chart-width !default;
|
|
$min-chart-margin: 50px !default;
|
|
$min-chart-line-height: $min-chart-width !default;
|
|
$min-chart-percent-margin: .1em !default;
|
|
$min-chart-percent-font-size: .8rem !default;
|
|
|
|
// Forms
|
|
$form-header-color: $white !default;
|
|
$form-header-mt: -3.13rem !default;
|
|
$form-header-mb: 3rem !default;
|
|
$form-header-padding: $accordion-card-header-padding-y !default;
|
|
$form-header-border-radius: $border-radius-base !default;
|
|
|
|
// File input
|
|
$file-path-wrapper-padding-left: $btn-floating-margin !default;
|
|
$file-path-wrapper-height: 2.5rem !default;
|
|
$file-input-path: 2.1rem !default;
|
|
$file-input-filter: alpha(opacity=0) !default;
|
|
|
|
// Input group
|
|
$input-group-text-checkbox-pl: 18px !default;
|
|
$input-group-text-checkbox-height: 20px !default;
|
|
$input-group-text-radio-pl: 24px !default;
|
|
$input-group-text-radio-height: $input-group-text-radio-pl !default;
|
|
|
|
// Range input
|
|
$input-range-my: $autocomplete-wrap-li-padding-x !default;
|
|
$input-range-mx: $btn-counter-margin-top !default;
|
|
$input-range-thumb-top: $btn-floating-margin !default;
|
|
$input-range-thumb-margin-left: -6px !default;
|
|
$input-range-transform-origin: 50% 50% !default;
|
|
$input-range-transform: rotate(-45deg) !default;
|
|
$input-range-thumb-value-width: 30px !default;
|
|
$input-range-thumb-value-transform: rotate(45deg) !default;
|
|
$input-range-active-value-ml: -$autocomplete-margin-bottom !default;
|
|
$input-range-active-value-mt: $btn-sm-counter-margin-top !default;
|
|
$input-range-active-value-font-size: $btn-floating-margin !default;
|
|
$slider-runnable-track-height: 3px !default;
|
|
$slider-runnable-track-bg: #c2c0c2 !default;
|
|
$slider-thumb-height: 14px !default;
|
|
$slider-thumb-width: $slider-thumb-height !default;
|
|
$slider-thumb-mt: -5px !default;
|
|
$slider-thumb-transition: .3s !default;
|
|
$slider-runnable-track-focus-bg: #ccc !default;
|
|
$slider-border-width: 6px !default;
|
|
|
|
// Chips
|
|
$chip-height: 32px !default;
|
|
$chip-font-size: 13px !default;
|
|
$chip-font-weight: 500 !default;
|
|
$chip-font-color: rgba($black-base, .6) !default;
|
|
$chip-line-height: $chip-height !default;
|
|
$chip-padding-right: $autocomplete-wrap-li-padding-y !default;
|
|
$chip-br: 16px !default;
|
|
$chip-background-color: $blue-grey-lighten-5 !default;
|
|
$chip-margin-bottom: $accordion-card-header-padding-y !default;
|
|
$chip-margin-right: $accordion-card-header-padding-y !default;
|
|
$chip-img-margin-right: $btn-sm-counter-margin-top !default;
|
|
$chip-img-margin-left: -12px !default;
|
|
$chip-img-height: $chip-height !default;
|
|
$chip-img-width: $chip-height !default;
|
|
$chip-close-font-size: $chip-br !default;
|
|
$chip-close-line-height: $chip-height !default;
|
|
$chip-close-padding-left: $btn-sm-counter-margin-top !default;
|
|
|
|
$chips-margin-bottom: $input-range-thumb-value-width !default;
|
|
$chips-min-height: 45px !default;
|
|
$chips-padding-bottom: $accordion-card-header-padding-y !default;
|
|
$chips-input-font-color: $chip-font-color !default;
|
|
$chips-input-font-size: $chip-font-size !default;
|
|
$chips-input-font-weight: $chip-font-weight !default;
|
|
$chips-input-height: $chip-height !default;
|
|
$chips-input-margin-right: $input-group-text-checkbox-height !default;
|
|
$chips-input-line-height: $chip-height !default;
|
|
$chips-input-width: $card-up-size !default;
|
|
|
|
// Tabs
|
|
$tabs-padding: .7rem !default;
|
|
$tabs-margin-x: $accordion-card-header-padding-y !default;
|
|
$tabs-margin-y: -20px !default;
|
|
$pills-padding: .6rem !default;
|
|
$nav-tabs-pills-bgc: $default-color !default;
|
|
$nav-tabs-border-radius: $border-radius-base !default;
|
|
$nav-link-transition: all .4s !default;
|
|
$nav-link-active-bgc: rgba($black, .2) !default;
|
|
$nav-link-active-transition: all $card-front-back-transition !default;
|
|
$nav-item-disabled-link-color: #6c757d !default;
|
|
$tab-content-padding: $accordion-card-header-padding-y !default;
|
|
$tab-content-pt: 2rem !default;
|
|
$md-pills-nav-link-border-radius: 2px !default;
|
|
$md-pills-nav-link-color: #666666 !default;
|
|
|
|
// Tabs classic
|
|
$classic-tabs-padding-y: $input-group-text-checkbox-height !default;
|
|
$classic-tabs-padding-x: $input-group-text-radio-pl !default;
|
|
$classic-tabs-font-size: $chip-font-size !default;
|
|
$classic-tabs-color: rgba($white, .7) !default;
|
|
$classic-tabs-margin-left: 56px !default;
|
|
$classic-tabs-border-radius: .3rem !default;
|
|
$classic-tabs-li-a-active-border-bottom: $slider-runnable-track-height !default;
|
|
|
|
// Skins
|
|
$skins: () !default;
|
|
$skins: map-merge((
|
|
"white": (
|
|
"skin-primary-color": #4285F4,
|
|
"skin-navbar": $white,
|
|
"skin-footer-color": #6f7178,
|
|
"skin-accent": #4285F4,
|
|
"skin-flat": #F9F9F9,
|
|
"skin-sidenav-item": #4285F4,
|
|
"skin-sidenav-item-hover": rgba($black-base, .05),
|
|
"skin-gradient-start": #ababab,
|
|
"skin-gradient-end": $white,
|
|
"skin-mask-slight": rgba($white, .5),
|
|
"skin-mask-light": rgba($white, .65),
|
|
"skin-mask-strong": rgba($white, .8),
|
|
"skin-sn-child": #4285F4,
|
|
"skin-btn-primary": #4285F4,
|
|
"skin-btn-secondary": #fc685f,
|
|
"skin-btn-default": #454545,
|
|
"skin-text": #424242
|
|
),
|
|
"black": (
|
|
"skin-primary-color": #2AD1A3,
|
|
"skin-navbar": #222,
|
|
"skin-footer-color": #222,
|
|
"skin-accent": #2AD1A3,
|
|
"skin-flat": #222,
|
|
"skin-sidenav-item": #2AD1A3,
|
|
"skin-sidenav-item-hover": #2AD1A3,
|
|
"skin-gradient-start": #000,
|
|
"skin-gradient-end": #616161,
|
|
"skin-mask-slight": rgba($black, .5),
|
|
"skin-mask-light": rgba($black, .65),
|
|
"skin-mask-strong": rgba($black, .8),
|
|
"skin-sn-child": #2AD1A3,
|
|
"skin-btn-primary": #2AD1A3,
|
|
"skin-btn-secondary": #0f478a,
|
|
"skin-btn-default": #222222,
|
|
"skin-text": $white
|
|
),
|
|
"cyan": (
|
|
"skin-primary-color": #4fada7,
|
|
"skin-navbar": #114861,
|
|
"skin-footer-color": #114861,
|
|
"skin-accent": #f0b247,
|
|
"skin-flat": #24879d,
|
|
"skin-sidenav-item": rgba(29, 65, 82, .8),
|
|
"skin-sidenav-item-hover": rgba(29, 65, 82, .8),
|
|
"skin-gradient-start": #114861,
|
|
"skin-gradient-end": #45b0c0,
|
|
"skin-mask-slight": rgba(21, 78, 96, .5),
|
|
"skin-mask-light": rgba(21, 78, 96, .65),
|
|
"skin-mask-strong": rgba(21, 78, 96, .8),
|
|
"skin-sn-child": #ffa742,
|
|
"skin-btn-primary": #ffa742,
|
|
"skin-btn-secondary": #45b0c0,
|
|
"skin-btn-default": #114861,
|
|
"skin-text": $white
|
|
),
|
|
"mdb": (
|
|
"skin-primary-color": #33b5e5,
|
|
"skin-navbar": #243a51,
|
|
"skin-footer-color": #243a51,
|
|
"skin-accent": #33b5e5,
|
|
"skin-flat": #224562,
|
|
"skin-sidenav-item": rgba(72, 198, 255, .8),
|
|
"skin-sidenav-item-hover": rgba(72, 198, 255, .8),
|
|
"skin-gradient-start": #0e2135,
|
|
"skin-gradient-end": #2c76b8,
|
|
"skin-mask-slight": rgba(13, 36, 60, .5),
|
|
"skin-mask-light": rgba(13, 36, 60, .65),
|
|
"skin-mask-strong": rgba(13, 36, 60, .8),
|
|
"skin-sn-child": #67d5ff,
|
|
"skin-btn-primary": #33b5e5,
|
|
"skin-btn-secondary": #0e3d67,
|
|
"skin-btn-default": #1a6398,
|
|
"skin-text": $white
|
|
),
|
|
"deep-purple": (
|
|
"skin-primary-color": #d0637c,
|
|
"skin-navbar": #7f7e91,
|
|
"skin-footer-color": #7f7e91,
|
|
"skin-accent": #ac85f0,
|
|
"skin-flat": #372e5f,
|
|
"skin-sidenav-item": rgba(176, 139, 240, .5),
|
|
"skin-sidenav-item-hover": rgba(176, 139, 240, .5),
|
|
"skin-gradient-start": #2e1f49,
|
|
"skin-gradient-end": #a47fe3,
|
|
"skin-mask-slight": rgba(36, 9, 56, .5),
|
|
"skin-mask-light": rgba(36, 9, 56, .65),
|
|
"skin-mask-strong": rgba(36, 9, 56, .88),
|
|
"skin-sn-child": #c9abfc,
|
|
"skin-btn-primary": #ac85f0,
|
|
"skin-btn-secondary": #6e4ca3,
|
|
"skin-btn-default": #372e5f,
|
|
"skin-text": $white
|
|
),
|
|
"navy-blue": (
|
|
"skin-primary-color": #309e9e,
|
|
"skin-navbar": #353b50,
|
|
"skin-footer-color": #353b50,
|
|
"skin-accent": #40c6c6,
|
|
"skin-flat": #4c5678,
|
|
"skin-sidenav-item": rgba(37, 207, 207, .8),
|
|
"skin-sidenav-item-hover": rgba(37, 207, 207, .8),
|
|
"skin-gradient-start": #222735,
|
|
"skin-gradient-end": #4f68a6,
|
|
"skin-mask-slight": rgba(14, 15, 32, .5),
|
|
"skin-mask-light": rgba(14, 15, 32, .65),
|
|
"skin-mask-strong": rgba(14, 15, 32, .8),
|
|
"skin-sn-child": #40c6c6,
|
|
"skin-btn-primary": #40c6c6,
|
|
"skin-btn-secondary": #7e51b4,
|
|
"skin-btn-default": #293756,
|
|
"skin-text": $white
|
|
),
|
|
"pink": (
|
|
"skin-primary-color": #bd5d70,
|
|
"skin-navbar": #535466,
|
|
"skin-footer-color": #535466,
|
|
"skin-accent": #9fa0ae,
|
|
"skin-flat": #aa5077,
|
|
"skin-sidenav-item": rgba(0, 0, 0, .4),
|
|
"skin-sidenav-item-hover": rgba(0, 0, 0, .4),
|
|
"skin-gradient-start": #812b5a,
|
|
"skin-gradient-end": #f28cc0,
|
|
"skin-mask-slight": rgba(152, 47, 88, .5),
|
|
"skin-mask-light": rgba(152, 47, 88, .65),
|
|
"skin-mask-strong": rgba(152, 47, 88, .8),
|
|
"skin-sn-child": #ffb0e6,
|
|
"skin-btn-primary": #601f39,
|
|
"skin-btn-secondary": #e7649d,
|
|
"skin-btn-default": #535466,
|
|
"skin-text": $white
|
|
),
|
|
"indigo": (
|
|
"skin-primary-color": #7f82c5,
|
|
"skin-navbar": #9095aa,
|
|
"skin-footer-color": #9095aa,
|
|
"skin-accent": #fd668c,
|
|
"skin-flat": #404f9f,
|
|
"skin-sidenav-item": rgba(250, 80, 121, .8),
|
|
"skin-sidenav-item-hover": rgba(250, 80, 121, .8),
|
|
"skin-gradient-start": #272d6e,
|
|
"skin-gradient-end": #90a8ff,
|
|
"skin-mask-slight": rgba(35, 65, 134, .5),
|
|
"skin-mask-light": rgba(35, 65, 134, .65),
|
|
"skin-mask-strong": rgba(35, 65, 134, .8),
|
|
"skin-sn-child": #ff89ac,
|
|
"skin-btn-primary": #fd668c,
|
|
"skin-btn-secondary": #3c61ae,
|
|
"skin-btn-default": #9095aa,
|
|
"skin-text": $white
|
|
),
|
|
"light-blue": (
|
|
"skin-primary-color": #3d799c,
|
|
"skin-navbar": #3f5c80,
|
|
"skin-footer-color": #3f5c80,
|
|
"skin-accent": #b4c2c9,
|
|
"skin-flat": #6a9ed3,
|
|
"skin-sidenav-item": rgba(29, 54, 86, .6),
|
|
"skin-sidenav-item-hover": rgba(29, 54, 86, .6),
|
|
"skin-gradient-start": #69adf4,
|
|
"skin-gradient-end": #69adf4,
|
|
"skin-mask-slight": rgba(87, 134, 180, .5),
|
|
"skin-mask-light": rgba(87, 134, 180, .65),
|
|
"skin-mask-strong": rgba(87, 134, 180, .8),
|
|
"skin-sn-child": #aadeff,
|
|
"skin-btn-primary": #ff4a67,
|
|
"skin-btn-secondary": #64c3f0,
|
|
"skin-btn-default": #2d486a,
|
|
"skin-text": $white
|
|
),
|
|
"grey": (
|
|
"skin-primary-color": #2b2b2b,
|
|
"skin-navbar": #44474b,
|
|
"skin-footer-color": #44474b,
|
|
"skin-accent": #75c1f0,
|
|
"skin-flat": #a5a4a4,
|
|
"skin-sidenav-item": rgba(0, 0, 0, .4),
|
|
"skin-sidenav-item-hover": rgba(0, 0, 0, .4),
|
|
"skin-gradient-start": #383838,
|
|
"skin-gradient-end": #a5a4a4,
|
|
"skin-mask-slight": rgba(121, 121, 121, .5),
|
|
"skin-mask-light": rgba(121, 121, 121, .65),
|
|
"skin-mask-strong": rgba(121, 121, 121, .8),
|
|
"skin-sn-child": #afdffc,
|
|
"skin-btn-primary": #46aded,
|
|
"skin-btn-secondary": #7d8488,
|
|
"skin-btn-default": #353637,
|
|
"skin-text": $white
|
|
)
|
|
), $skins);
|
|
|
|
$skins-side-nav-hover-transition: all .3s linear !default;
|
|
$skins-border-color: rgba(153,153,153, .3) !default;
|
|
$skins-white-search-border-bottom: $autocomplete-margin-bottom !default;
|
|
|
|
// Dropdown
|
|
$dropdown-bg-color: $white !default;
|
|
$dropdown-hover-bg-color: $grey-lighten-3 !default;
|
|
$dropdown-color: $primary-color !default;
|
|
$dropdown-item-height: 40px !default;
|
|
$dropdown-menu-padding: $autocomplete-clear-top !default;
|
|
$dropdown-item-font-size: $font-small !default;
|
|
$dropdown-item-disabled-color: #868e96 !default;
|
|
$dropdown-item-transition: all .1s linear !default;
|
|
$dropdown-menu-animated-animation-duration: .55s !default;
|
|
$dropdown-menu-animated-animation-timing-function: $card-share-social-reveal-transition-ease !default;
|
|
|
|
// Material select
|
|
$material-select-wrapper-input-dropdown-height: 2.9rem !default;
|
|
$material-select-wrapper-input-dropdown-line-height: $material-select-wrapper-input-dropdown-height !default;
|
|
$material-select-wrapper-input-dropdown-font-size: $accordion-card-header-padding-y !default;
|
|
$material-select-wrapper-input-dropdown-margin: .94rem !default;
|
|
$material-select-wrapper-input-dropdown-disabled-color: rgba($black, .3) !default;
|
|
$material-select-wrapper-input-dropdown-disabled-border-bottom-color: $material-select-wrapper-input-dropdown-disabled-color !default;
|
|
|
|
$material-select-wrapper-search-wrap-py: $accordion-card-header-padding-y !default;
|
|
$material-select-wrapper-search-wrap-mx: $tabs-padding !default;
|
|
$material-select-wrapper-search-wrap-input-pb: .4rem !default;
|
|
$material-select-wrapper-span-caret-top: $accordion-card-header-padding-y !default;
|
|
$material-select-wrapper-span-caret-font-size: $card-reveal-title-i-right !default;
|
|
$material-select-wrapper-span-caret-label-top: -.88rem !default;
|
|
|
|
$material-select-dropdown-li-img-my: $classic-tabs-border-radius !default;
|
|
$material-select-dropdown-li-img-mx: .75rem !default;
|
|
$material-select-dropdown-li-optgroup-selected-span: rgba($black, .7) !default;
|
|
$material-select-dropdown-li-optgroup-span: rgba($black, .4) !default;
|
|
$material-select-multiple-select-dropdown-height: $card-reveal-title-i-right !default;
|
|
|
|
$material-select-dropdown-content-min-width: 6.25rem !default;
|
|
$material-select-dropdown-content-max-height: 40.625rem !default;
|
|
$material-select-dropdown-content-li-color: $black !default;
|
|
$material-select-dropdown-content-li-line-height: 1.3rem !default;
|
|
$material-select-dropdown-content-li-span-font-size: $accordion-card-body-font-size !default;
|
|
$material-select-dropdown-content-li-span-padding: $autocomplete-clear-top !default;
|
|
|
|
$material-select-colorful-dropdown-content-padding: $autocomplete-clear-top !default;
|
|
$material-select-colorful-dropdown-content-li-active-color: $white !default;
|
|
$material-select-colorful-dropdown-content-li-hover-transition: all .15 linear !default;
|
|
$material-select-colorful-dropdown-content-li-hover-border-radius: $border-radius-base !default;
|
|
|
|
// SideNav Variables
|
|
$sidenav-breakpoint: 1440px !default;
|
|
$hide-sidenav: "only screen and (max-width: #{$sidenav-breakpoint})" !default;
|
|
$navbar-avatar-height: $fixed-action-btn-right !default;
|
|
$navbar-double-small-padding: 4px !default;
|
|
$navbar-double-font-size: $autocomplete-wrap-li-padding-x !default;
|
|
$navbar-breadcrumb-dn-padding: $accordion-card-header-padding-y !default;
|
|
$navbar-button-collapse-left: $btn-floating-margin !default;
|
|
$navbar-button-collapse-font-size: $accordion-card-header-padding-x !default;
|
|
$navbar-button-collapse-fs-sm: 1.4rem !default;
|
|
$navbar-button-collapse-mx: $btn-floating-margin !default;
|
|
$sidenav-padding-bottom: 3.75rem !default;
|
|
$sidenav-width: $form-inline-autocomplete-width !default;
|
|
$sidenav-background-color: #2c2f34 !default;
|
|
$collapsible-hover-bgc: rgba($black, .15) !default;
|
|
$collapsible-li-border-radius: $md-pills-nav-link-border-radius !default;
|
|
$collapsible-header-hover-bgc: rgba($white, .15) !default;
|
|
$collapsible-header-active-bgc: $collapsible-header-hover-bgc !default;
|
|
$sidenav-collapsible-a-font-size: $min-chart-percent-font-size !default;
|
|
$sidenav-collapsible-a-height: 36px !default;
|
|
$sidenav-collapsible-a-line-height: $sidenav-collapsible-a-height !default;
|
|
$sidenav-fa-margin-right: $chip-font-size !default;
|
|
$sidenav-collapsible-body-a-pl: $btn-floating-width !default;
|
|
$sidenav-collapsible-body-a-bgc: $collapsible-hover-bgc !default;
|
|
$sidenav-a-font-size: $accordion-card-header-padding-y !default;
|
|
$sidenav-a-height: $classic-tabs-margin-left !default;
|
|
$sidenav-a-line-height: $sidenav-a-height !default;
|
|
$sidenav-padding-left: $input-group-text-checkbox-height !default;
|
|
|
|
$sidenav-logo-wrapper-height: 8.75rem !default;
|
|
$sidenav-logo-wrapper-width: $sidenav-width !default;
|
|
$sidenav-logo-wrapper-img-px: $min-chart-margin !default;
|
|
$sidenav-logo-wrapper-img-py: 20% !default;
|
|
$sidenav-logo-wrapper-medium-img-height: 80px !default;
|
|
$sidenav-logo-wrapper-medium-img-py: 7% !default;
|
|
|
|
$sidenav-sn-avatar-wrapper-px: 33% !default;
|
|
$sidenav-sn-avatar-wrapper-max-width: 90px !default;
|
|
$sidenav-sn-avatar-wrapper-py: 10% !default;
|
|
$sidenav-sn-avatar-wrapper-medium-px: 40% !default;
|
|
$sidenav-sn-avatar-wrapper-medium-max-width: $sidenav-logo-wrapper-img-px !default;
|
|
|
|
$sidenav-bg-width: $sidenav-width !default;
|
|
$sidenav-collapsible-mt: $accordion-card-header-padding-y !default;
|
|
$sidenav-rotate-icon-top: $min-chart-percent-font-size !default;
|
|
$sidenav-rotate-icon-mr: $btn-floating-icon-size !default;
|
|
$sidenav-logo-wrapper-border-bottom-color: rgba($white, .65) !default;
|
|
$sidenav-ad-avatar-wrapper-img-max-width: $sidenav-padding-bottom !default;
|
|
$sidenav-ad-avatar-wrapper-img-padding: $btn-floating-icon-size $card-reveal-title-i-right !default;
|
|
$sidenav-ad-avatar-wrapper-p-font-size: $material-select-wrapper-input-dropdown-margin !default;
|
|
$sidenav-ad-avatar-wrapper-p-padding: $btn-floating-icon-size !default;
|
|
$sidenav-about-padding: $accordion-card-header-padding-y !default;
|
|
$sidenav-social-li-padding: $pills-padding !default;
|
|
$sidenav-social-fa-font-size: $accordion-card-body-font-size !default;
|
|
$sidenav-social-fa-color: #dbe4e7 !default;
|
|
$sidenav-social-fa-color-hover: #AFC4CB !default;
|
|
$sidenav-social-fa-transition: $slider-thumb-transition !default;
|
|
$sidenav-search-form-input-padding-left: $card-share-social-reveal-right !default;
|
|
|
|
$sidenav-light-bgc: #e5e5e5 !default;
|
|
$sidenav-light-color: #555 !default;
|
|
$sidenav-light-border-bottom-color: $skins-border-color !default;
|
|
$sidenav-light-collapsible-body-a-bgc: rgba($black-base, .1) !default;
|
|
$sidenav-light-collapsible-header-hover-bgc: rgba($black-base, .05) !default;
|
|
$sidenav-light-collapsible-header-active-color: $primary-color !default;
|
|
|
|
$drag-target-width: $btn-floating-margin !default;
|
|
$sidenav-overlay: rgba($black-base, .5) !default;
|
|
|
|
// LIGHT BOX
|
|
$pswp__show-hide-transition-duration: 333ms !default;
|
|
$pswp__controls-transition-duration: $pswp__show-hide-transition-duration !default;
|
|
$pswp__background-color: $black !default;
|
|
$pswp__placeholder-color: #222 !default;
|
|
$pswp__box-sizing-border-box: true !default; // disable .pswp * { box-sizing:border-box } (in case you already have it in your site css)
|
|
$pswp__root-z-index: 1500 !default;
|
|
$pswp__assets-path: "" !default; // path to skin assets folder (preloader, PNG and SVG sprite)
|
|
$pswp__error-text-color: $slider-runnable-track-focus-bg !default; // "Image not loaded" text color
|
|
$pswp__include-minimal-style: $pswp__box-sizing-border-box !default;
|
|
$mdb-lightbox-figure-img-transition: opacity .4s !default;
|
|
$mdb-lightbox-figure-img-hover-opacity: .8 !default;
|
|
$mdb-lightbox-no-margin-padding: $autocomplete-clear-top !default;
|
|
$pswp__button-background: url(#{$image-path}/lightbox/default-skin.png) !default;
|
|
$pswp__button-background-image: url(#{$image-path1}/lightbox/default-skin.svg) !default;
|
|
$pswp__preloader__icn-background: url(#{$image-path}/lightbox/preloader.gif) !default;
|
|
|
|
// Date Picker
|
|
$datepicker-color-mdb: #999999 !default;
|
|
$datepicker-box-padding: .125rem !default;
|
|
$datepicker-weekday-bg: darken($primary-color, $sidenav-logo-wrapper-medium-img-py) !default;
|
|
$datepicker-date-bg: $primary-color !default;
|
|
$datepicker-year: rgba($white, .4) !default;
|
|
$datepicker-focus: rgba($black, .05) !default;
|
|
$datepicker-selected: $primary-color !default;
|
|
$datepicker-selected-outfocus: desaturate(lighten($primary-color, 35%), 15%) !default;
|
|
|
|
$datepicker-header-mb: $btn-floating-icon-size !default;
|
|
$datepicker-date-display-font-weight: 300 !default;
|
|
$datepicker-date-display-pb: .9375rem !default;
|
|
$datepicker-date-display-mb: $accordion-card-header-padding-y !default;
|
|
|
|
$datepicker-weekday-display-font-weight: 200 !default;
|
|
$datepicker-weekday-display-padding: .625rem !default;
|
|
$datepicker-weekday-display-letter-spacing: .5 !default;
|
|
$datepicker-weekday-display-font-size: $accordion-card-header-padding-y !default;
|
|
$datepicker-weekday-display-mb: $datepicker-date-display-pb !default;
|
|
|
|
$datepicker-month-display-font-size: $tab-content-pt !default;
|
|
$datepicker-day-display-font-size: 4.5rem !default;
|
|
$datepicker-day-display-font-weight: 400 !default;
|
|
$datepicker-year-display-font-size: 1.8rem !default;
|
|
|
|
$datepicker-year-ml: .25em !default;
|
|
$datepicker-year-mr: $datepicker-year-ml !default;
|
|
|
|
$datepicker-select-month-height: 2em !default;
|
|
$datepicker-select-month-ml: $datepicker-year-ml !default;
|
|
$datepicker-select-month-mr: $datepicker-year-ml !default;
|
|
$datepicker-select-year: 30% !default;
|
|
|
|
$datepicker-select-month-browser-width: $sidenav-sn-avatar-wrapper-medium-px !default;
|
|
$datepicker-select-year-browser-width: 25% !default;
|
|
|
|
$datepicker-nav-prev-next-py: .5em !default;
|
|
$datepicker-nav-prev-next-px: 1.55em !default;
|
|
$datepicker-nav-prev-next-width: 1em !default;
|
|
$datepicker-nav-prev-next-height: $datepicker-nav-prev-next-width !default;
|
|
|
|
$datepicker-nav-prev-next-bt: $datepicker-nav-prev-next-py !default;
|
|
$datepicker-nav-prev-next-bb: $datepicker-nav-prev-next-py !default;
|
|
$datepicker-nav-prev-next-br: .75em !default;
|
|
$datepicker-nav-prev-next-br-color: #676767 !default;
|
|
|
|
$datepicker-nav-prev-left: -1em !default;
|
|
$datepicker-nav-prev-pr: 1.25em !default;
|
|
|
|
$datepicker-nav-next-right: $datepicker-nav-prev-left !default;
|
|
$datepicker-nav-next-pf: $datepicker-nav-prev-pr !default;
|
|
$datepicker-nav-next-border-left: $datepicker-nav-prev-next-br !default;
|
|
|
|
$datepicker-table-font-size: $accordion-card-header-padding-y !default;
|
|
$datepicker-table-width: 100% !default;
|
|
$datepicker-table-mt: $datepicker-nav-prev-next-br !default;
|
|
$datepicker-table-mb: $datepicker-nav-prev-next-py !default;
|
|
|
|
$datepicker-table-weekday-width: 14% !default;
|
|
$datepicker-table-weekday-font-size: .9em !default;
|
|
$datepicker-table-weekday-padding-bottom: $datepicker-year-ml !default;
|
|
$datepicker-table-weekday-font-weight: $chip-font-weight !default;
|
|
$datepicker-table-weekday-padding-bottom: $datepicker-nav-prev-next-py !default;
|
|
|
|
$datepicker-table-day-today-letter-spacing: -.3 !default;
|
|
$datepicker-table-day-today-py: $material-select-dropdown-li-img-mx !default;
|
|
$datepicker-table-day-today-font-weight: $datepicker-day-display-font-weight !default;
|
|
$datepicker-table-day-today-border: $autocomplete-margin-bottom !default;
|
|
|
|
$datepicker-table-day-infocus-color: #595959 !default;
|
|
$datepicker-table-day-infocus-letter-spacing: $datepicker-table-day-today-letter-spacing !default;
|
|
$datepicker-table-day-infocus-py: $material-select-dropdown-li-img-mx !default;
|
|
$datepicker-table-day-infocus-font-weight: $datepicker-day-display-font-weight !default;
|
|
$datepicker-table-day-infocus-color: $autocomplete-margin-bottom !default;
|
|
$datepicker-table-day-infocus-hover-font-weight: $chip-font-weight !default;
|
|
|
|
$datepicker-table-day-outfocus-py: $material-select-dropdown-li-img-mx !default;
|
|
$datepicker-table-day-outfocus-hover-color: #dddddd !default;
|
|
$datepicker-table-day-outfocus-hover-font-weight: $chip-font-weight !default;
|
|
|
|
$datepicker-table-day-selected-hover-border-radius: 50% !default;
|
|
$datepicker-table-day-selected-hover-transform: scale(.9) !default;
|
|
$datepicker-table-day-higlighted-color: #bbbbbb !default;
|
|
|
|
$datepicker-footer-py: .3125rem !default;
|
|
$datepicker-footer-px: $datepicker-weekday-display-padding !default;
|
|
|
|
$datepicker-footer-today-clear-button-border: $autocomplete-margin-bottom !default;
|
|
$datepicker-footer-today-clear-button-font-size: .8em !default;
|
|
$datepicker-footer-today-clear-button-padding: $accordion-card-header-padding-y 0 $tabs-padding 0 !default;
|
|
$datepicker-footer-today-clear-button-font-weight: 700 !default;
|
|
$datepicker-footer-today-clear-button-width: $sidenav-sn-avatar-wrapper-px !default;
|
|
|
|
$datepicker-footer-today-clear-button-hover-color: #b1dcfb !default;
|
|
$datepicker-footer-today-clear-button-before-mr: .45em !default;
|
|
|
|
$datepicker-footer-today-button-before-top: -.05em !default;
|
|
$datepicker-footer-today-button-before-bt: .66em !default;
|
|
$datepicker-footer-today-button-before-bt-color: #0059bc !default;
|
|
$datepicker-footer-today-button-before-bl: $datepicker-footer-today-button-before-bt !default;
|
|
|
|
$datepicker-footer-clear-button-before-top: -.25em !default;
|
|
$datepicker-footer-clear-button-before-width: $datepicker-footer-today-button-before-bt !default;
|
|
$datepicker-footer-clear-button-before-bt-color: #ee2200 !default;
|
|
$datepicker-footer-clear-button-before-bl: $slider-runnable-track-height !default;
|
|
|
|
$datepicker-footer-close-button-before-top: -.1em !default;
|
|
$datepicker-footer-close-button-before-font-size: 1.1em !default;
|
|
$datepicker-footer-close-button-before-mr: .35em !default;
|
|
$datepicker-footer-close-button-before-color: #777777 !default;
|
|
$datepicker-calender-padding: 0 $accordion-card-header-padding-y !default;
|
|
|
|
// Default time picker
|
|
$timepicker-color-mdb: #666666 !default;
|
|
$timepicker-pickerlist-padding: $datepicker-nav-prev-next-br 0 4.2em !default;
|
|
$timepicker-pickerlistitem-breakpoint: 46.75em !default;
|
|
|
|
$timepicker-pickerlistitem-border-bottom: $autocomplete-margin-bottom !default;
|
|
$timepicker-pickerlistitem-border-top: $autocomplete-margin-bottom !default;
|
|
$timepicker-pickerlistitem-border-color: $datepicker-table-day-outfocus-hover-color !default;
|
|
$timepicker-pickerlistitem-mb: -1px !default;
|
|
$timepicker-pickerlistitem-padding: $datepicker-nav-prev-next-br $datepicker-nav-prev-pr !default;
|
|
$timepicker-pickerlistitem-media-padding: $datepicker-nav-prev-next-py $datepicker-nav-prev-next-width !default;
|
|
|
|
$timepicker-pickerlistitem-hover-bg: $datepicker-footer-today-clear-button-hover-color !default;
|
|
$timepicker-pickerlistitem-hover-border-color: #0089ec !default;
|
|
|
|
$timepicker-pickerlistitem-highlighted-border-color: $timepicker-pickerlistitem-hover-border-color !default;
|
|
$timepicker-pickerlistitem-highlighted-hover-bg: $timepicker-pickerlistitem-hover-bg !default;
|
|
$timepicker-pickerlistitem-selected-hover-bg: $timepicker-pickerlistitem-hover-border-color !default;
|
|
|
|
$timepicker-pickerlistitem-disabled-hover-color: $datepicker-table-day-outfocus-hover-color !default;
|
|
|
|
$timepicker-pickertime-button-clear-width: 80% !default;
|
|
$timepicker-pickertime-button-clear-mt: $datepicker-nav-prev-next-width !default;
|
|
$timepicker-pickertime-button-clear-padding: $datepicker-nav-prev-next-width $datepicker-nav-prev-pr !default;
|
|
$timepicker-pickertime-button-clear-font-weight: $chip-font-weight !default;
|
|
$timepicker-pickertime-button-clear-font-size: .67em !default;
|
|
|
|
$timepicker-pickertime-button-clear-hover-bg: $timepicker-pickerlistitem-hover-bg !default;
|
|
$timepicker-pickertime-button-clear-hover-border-color: $datepicker-footer-clear-button-before-bt-color !default;
|
|
|
|
$timepicker-pickertime-button-clear-before-top: $datepicker-footer-clear-button-before-top !default;
|
|
$timepicker-pickertime-button-clear-before-font-size: $datepicker-nav-prev-pr !default;
|
|
$timepicker-pickertime-button-clear-before-font-weight: $datepicker-footer-today-clear-button-font-weight !default;
|
|
|
|
$timepicker-pickertime-frame-min-width: 16rem !default;
|
|
$timepicker-pickertime-frame-max-width: 20rem !default;
|
|
|
|
$timepicker-pickerbox-font-size: $datepicker-nav-prev-next-width !default;
|
|
$timepicker-pickerbox-bg: #f2f2f2 !default;
|
|
$timepicker-pickerbox-breakpoint: 40.125em !default;
|
|
$timepicker-pickerbox-breakpoint-mb: 5em !default;
|
|
|
|
$timepicker-pickerdate-display-pb: $datepicker-date-display-pb !default;
|
|
$timepicker-pickerdate-display-font-weight: $datepicker-date-display-font-weight !default;
|
|
$timepicker-pickerdate-display-mb: $accordion-card-header-padding-y !default;
|
|
|
|
$timepicker-clockpicker-display-height: 5.3125rem !default;
|
|
$timepicker-clockpicker-display-font-size: 4.375rem !default;
|
|
$timepicker-clockpicker-display-padding: $datepicker-weekday-display-padding !default;
|
|
$timepicker-clockpicker-display-color: #b2dfdb !default;
|
|
$timepicker-clockpicker-display-animate-name: pulse !default;
|
|
|
|
$timepicker-clockpicker-display-am-pm-pl: $datepicker-footer-py !default;
|
|
$timepicker-clockpicker-display-am-pm-height: $timepicker-clockpicker-display-height !default;
|
|
|
|
$timepicker-clockpicker-span-am-pm-font-size: 1.4375rem !default;
|
|
$timepicker-clockpicker-span-am-pm-line-height: 1.5625rem !default;
|
|
$timepicker-clockpicker-span-am-pm-color: $timepicker-clockpicker-display-color !default;
|
|
|
|
$timepicker-clockpicker-span-hours-animation-duration: 500ms !default;
|
|
$timepicker-clockpicker-span-hours-transition: color $timepicker-clockpicker-span-hours-animation-duration !default;
|
|
|
|
$timepicker-keyframes-transform-pulse: scale3d(1, 1, 1) !default;
|
|
$timepicker-keyframes-transform-pulse-middle: scale3d(1.1, 1.1, 1.1) !default;
|
|
|
|
$timepicker-clockpicker-plate-border-radius: $datepicker-table-day-selected-hover-border-radius !default;
|
|
$timepicker-clockpicker-plate-width: 16.875rem !default;
|
|
$timepicker-clockpicker-plate-height: $timepicker-clockpicker-plate-width !default;
|
|
$timepicker-clockpicker-plate-margin-top: $btn-floating-icon-size !default;
|
|
|
|
$timepicker-clockpicker-canvas-width: $timepicker-clockpicker-plate-width !default;
|
|
$timepicker-clockpicker-canvas-height: $timepicker-clockpicker-plate-width !default;
|
|
$timepicker-clockpicker-canvas-left: $timepicker-pickerlistitem-mb !default;
|
|
$timepicker-clockpicker-canvas-top: $timepicker-pickerlistitem-mb !default;
|
|
|
|
$timepicker-clockpicker-dial-transition-transform: transform 350ms !default;
|
|
$timepicker-clockpicker-dial-transition-opacity: opacity 350ms !default;
|
|
|
|
$timepicker-clockpicker-dial-tick-border-radius: $datepicker-table-day-selected-hover-border-radius !default;
|
|
$timepicker-clockpicker-dial-tick-line-height: $file-path-wrapper-height !default;
|
|
$timepicker-clockpicker-dial-tick-width: $file-path-wrapper-height !default;
|
|
$timepicker-clockpicker-dial-tick-height: $file-path-wrapper-height !default;
|
|
$timepicker-clockpicker-dial-tick-transition: background-color 300ms !default;
|
|
$timepicker-clockpicker-dial-tick-hover-bg: rgba($teal-base, 0) !default;
|
|
$timepicker-clockpicker-dial-tick-hover-bg-opacity: rgba($teal-base, .25) !default;
|
|
|
|
$timepicker-clockpicker-dial-out-transform: scale(1.2, 1.2) !default;
|
|
$timepicker-clockpicker-dial-out-transform-minutes: scale(.8, .8) !default;
|
|
$timepicker-clockpicker-canvas-transition: opacity 300ms !default;
|
|
|
|
$timepicker-clockpicker-canvas-stroke: $timepicker-clockpicker-dial-tick-hover-bg-opacity !default;
|
|
$timepicker-clockpicker-canvas-stroke-width: 1 !default;
|
|
$timepicker-clockpicker-canvas-out-opacity: .25 !default;
|
|
$timepicker-clockpicker-canvas-bearing-fill: rgba($teal-darken-4, .75) !default;
|
|
$timepicker-clockpicker-canvas-fg-fill: rgba($teal-darken-4, 0) !default;
|
|
$timepicker-clockpicker-canvas-fg-active-fill: rgba($teal-darken-4, .5) !default;
|
|
$timepicker-clockpicker-canvas-bg-fill: $timepicker-clockpicker-dial-tick-hover-bg-opacity !default;
|
|
$timepicker-clockpicker-canvas-bg-trans-fill: $timepicker-clockpicker-dial-tick-hover-bg-opacity !default;
|
|
|
|
$timepicker-clockpicker-am-pm-block-mt: -.625rem !default;
|
|
$timepicker-clockpicker-am-pm-block-height: 3.125rem !default;
|
|
$timepicker-clockpicker-button-am-button-height: 2.8125rem !default;
|
|
$timepicker-clockpicker-button-am-button-width: $timepicker-clockpicker-button-am-button-height !default;
|
|
$timepicker-clockpicker-button-pm-button-height: $timepicker-clockpicker-button-am-button-height !default;
|
|
$timepicker-clockpicker-button-pm-button-width: $timepicker-clockpicker-button-am-button-height !default;
|
|
|
|
$timepicker-clockpicker-btn-floating-focus-bg: lighten($primary-color, 5%) !default;
|
|
$timepicker-clockpicker-btn-floating-active-bg: darken($primary-color, $sidenav-logo-wrapper-img-py) !default;
|
|
|
|
$timepicker-clockpicker-footer-button-mt: $datepicker-date-display-pb !default;
|
|
$timepicker-clockpicker-footer-button-active-bg: $timepicker-clockpicker-dial-tick-hover-bg-opacity !default;
|
|
|
|
$timepicker-darktheme-clockpicker-plate-bg: rgba($pink-accent-2, 0) !default;
|
|
$timepicker-darktheme-clockpicker-plate-active-bg: rgba($pink-accent-2, .25) !default;
|
|
|
|
$timepicker-darktheme-clockpicker-canvas-line-stroke: $timepicker-darktheme-clockpicker-plate-active-bg !default;
|
|
|
|
$timepicker-darktheme-clockpicker-canvas-fg-fill: $timepicker-darktheme-clockpicker-plate-bg !default;
|
|
$timepicker-darktheme-clockpicker-canvas-active-fg-fill: rgba($pink-accent-2, .5) !default;
|
|
|
|
$timepicker-darktheme-clockpicker-canvas-bg-fill: $timepicker-darktheme-clockpicker-plate-active-bg !default;
|
|
$timepicker-darktheme-clockpicker-canvas-bg-trans-fill: $timepicker-darktheme-clockpicker-canvas-active-fg-fill !default;
|
|
|
|
$timepicker-darktheme-clockpicker-button-active-bg: $timepicker-darktheme-clockpicker-plate-active-bg !default;
|
|
|
|
// Default time & date picker
|
|
$pickerframe-wrap-box-breakpoint: 28.875em !default;
|
|
$pickerframe-mb-breakpoint: $timepicker-pickerbox-breakpoint !default;
|
|
$pickerframe-pos-breakpoint: 35.875em !default;
|
|
|
|
$pickerinput-active-border-color: $timepicker-pickerlistitem-hover-border-color !default;
|
|
$picker-font-size: $accordion-card-header-padding-y !default;
|
|
$picker-font-line-height: 1.2 !default;
|
|
|
|
$picker-holder-transition-bg: background .15s ease-out !default;
|
|
$picker-holder-transition-top: top 0s .15s !default;
|
|
|
|
$picker-frame-min-width: $timepicker-pickertime-frame-min-width !default;
|
|
$picker-frame-max-width: 20.3125rem !default;
|
|
$picker-frame-width: 18.75rem !default;
|
|
$picker-frame-max-height: 21.875rem !default;
|
|
$picker-frame-filter: $file-input-filter !default;
|
|
$picker-frame-transition: all .15s ease-out !default;
|
|
$picker-frame-media-bottom: -100% !default;
|
|
$picker-frame-media-max-height: $timepicker-pickertime-button-clear-width !default;
|
|
$picker-frame-media-mb: 7.5% !default;
|
|
|
|
$picker-box-border: $autocomplete-margin-bottom !default;
|
|
$picker-box-border-color: $datepicker-footer-close-button-before-color !default;
|
|
$picker-box-border-top-color: #898989 !default;
|
|
$picker-box-border-radius: $btn-md-counter-margin-top $btn-md-counter-margin-top 0 0 !default;
|
|
$picker-box-box-shadow: 0 $material-select-dropdown-li-img-mx 2.25rem $accordion-card-header-padding-y rgba($black, .24) !default;
|
|
|
|
$picker-opened-holder-bg: rgba($black, .32) !default;
|
|
$picker-opened-holder-transition: $picker-holder-transition-bg !default;
|
|
$picker-opened-holder-zoom: $timepicker-clockpicker-canvas-stroke-width !default;
|
|
$picker-opened-frame-filter: alpha(opacity=100) !default;
|
|
$picker-opened-frame-opacity: $timepicker-clockpicker-canvas-stroke-width !default;
|
|
$picker-opened-frame-media-top: $sidenav-sn-avatar-wrapper-py !default;
|
|
|
|
$picker-custom-materialize-styles: $autocomplete-margin-bottom solid $blue-lighten-5 !default;
|
|
|
|
// Default date picker
|
|
$pickerweekday-padb-breakpoint: 33.875em !default;
|
|
|
|
// Steppers
|
|
$stepper-li-a-padding: $accordion-card-header-padding-x !default;
|
|
$stepper-li-a-font-size: .88rem !default;
|
|
$stepper-li-a-circle-color: $white !default;
|
|
$stepper-li-a-circle-border-radius: $border-radius-circle !default;
|
|
$stepper-li-a-circle-bg: rgba($black, .38) !default;
|
|
$stepper-li-a-circle-width: $stepper-li-a-padding !default;
|
|
$stepper-li-a-circle-height: $stepper-li-a-circle-width !default;
|
|
$stepper-li-a-circle-line-height: $stepper-li-a-circle-width !default;
|
|
$stepper-li-a-circle-mr: $autocomplete-clear-top !default;
|
|
$stepper-li-a-label-color: rgba($black, .87) !default;
|
|
|
|
$stepper-horizontal-li-transition: .5s !default;
|
|
$stepper-horizontal-li-a-label-mt: $card-reveal-title-i-right !default;
|
|
$stepper-horizontal-li-after-margin: $autocomplete-clear-top !default;
|
|
$stepper-horizontal-li-after-height: $autocomplete-margin-bottom !default;
|
|
$stepper-horizontal-li-after-bgc: rgba($black, .1) !default;
|
|
$stepper-horizontal-li-hover-bg: $datepicker-table-day-outfocus-hover-color !default;
|
|
$stepper-horizontal-breakpoint: 47.9375rem !default;
|
|
$stepper-horizontal-small-li-a-label-mt: .2rem !default;
|
|
$stepper-horizontal-small-li-after-width: $stepper-horizontal-li-after-height !default;
|
|
$stepper-horizontal-small-li-after-height: calc(100% - 40px) !default;
|
|
$stepper-horizontal-small-li-after-left: 2.19rem !default;
|
|
$stepper-horizontal-small-li-after-top: $sidenav-padding-bottom !default;
|
|
|
|
$stepper-vertical-li-a-label-mt: $stepper-horizontal-small-li-a-label-mt !default;
|
|
$stepper-vertical-li-step-content-ml: 3.13rem !default;
|
|
$stepper-vertical-li-step-content-padding: $material-select-wrapper-input-dropdown-margin !default;
|
|
$stepper-vertical-li-step-content-p-font-size: $stepper-li-a-font-size !default;
|
|
$stepper-vertical-li-after-width: $stepper-horizontal-li-after-height !default;
|
|
$stepper-vertical-li-after-height: $stepper-horizontal-small-li-after-height !default;
|
|
$stepper-vertical-li-after-left: $stepper-horizontal-small-li-after-left !default;
|
|
$stepper-vertical-li-after-top: 3.44rem !default;
|
|
$stepper-vertical-li-after-bgc: $stepper-horizontal-li-after-bgc !default;
|
|
|
|
// Ecommerce components
|
|
$collection-card-stripe-bottom: $form-header-mb !default;
|
|
$collection-card-stripe-padding: $icons-sm-font-size !default;
|
|
$collection-card-stripe-dark-bgc: $material-select-dropdown-li-optgroup-selected-span !default;
|
|
$collection-card-stripe-dark-a-p-color: $grey-lighten-3 !default;
|
|
$collection-card-stripe-light-bgc: $classic-tabs-color !default;
|
|
$collection-card-stripe-light-a-p-color: $grey-darken-3 !default;
|
|
$collection-card-stripe-letter-spacing: .25rem !default;
|
|
|
|
$ecommerce-rating-color: $amber-darken-2 !default;
|
|
$ecommerce-card-footer-discount-color: $grey-base !default;
|
|
$ecommerce-card-footer-a-color: $grey-darken-1 !default;
|
|
$ecommerce-card-footer-a-hover-transition: .4s !default;
|
|
$ecommerce-card-footer-a-hover-color: $red-accent-4 !default;
|
|
$ecommerce-card-footer-a-active-color: $ecommerce-card-footer-a-hover-color !default;
|
|
$ecommerce-product-table-btn-sm-py: $classic-tabs-border-radius !default;
|
|
$ecommerce-product-table-btn-sm-px: $pills-padding !default;
|
|
|
|
// Toasts
|
|
$toast-message-a-hover-color: $slider-runnable-track-focus-bg !default;
|
|
$toast-close-button-right: -.3em !default;
|
|
$toast-close-button-top: $toast-close-button-right !default;
|
|
$toast-close-button-font-size: $btn-floating-icon-size !default;
|
|
$toast-close-button-text-shadow: 0 $autocomplete-margin-bottom 0 !default;
|
|
$toast-close-button-opacity: $mdb-lightbox-figure-img-hover-opacity !default;
|
|
$toast-close-button-filter: alpha(opacity=80) !default;
|
|
$toast-close-button-hover-opacity: .4 !default;
|
|
$toast-close-button-hover-filter: alpha(opacity=40) !default;
|
|
$toast-top-bottom-left-right-size: $autocomplete-wrap-li-padding-y !default;
|
|
$toast-container-margin: $slider-border-width !default;
|
|
$toast-container-py: $autocomplete-wrap-li-padding-x !default;
|
|
$toast-container-pr: $toast-container-py !default;
|
|
$toast-container-pl: $sidenav-logo-wrapper-img-px !default;
|
|
$toast-container-width: $picker-frame-width !default;
|
|
$toast-container-opacity: .95 !default;
|
|
$toast-container-filter: alpha(opacity=95) !default;
|
|
$toast-container-hover-transition: .45s !default;
|
|
$toast-container-hover-opacity: $timepicker-clockpicker-canvas-stroke-width !default;
|
|
$toast-container-hover-filter: $picker-opened-frame-filter !default;
|
|
$toast-container-top-full-width: 96% !default;
|
|
$toast-bgc: #030303 !default;
|
|
$toast-progress-height: $navbar-double-small-padding !default;
|
|
$toast-progress-opacity: $toast-close-button-hover-opacity !default;
|
|
$toast-progress-filter: $toast-close-button-hover-filter !default;
|
|
|
|
// Magazine section
|
|
$magazine-single-news-border-bottom: $grey-lighten-2 !default;
|
|
|
|
// Pricing section
|
|
$pricing-card-option-padding: $file-path-wrapper-height !default;
|
|
$pricing-card-price-padding-top: 3.94rem !default;
|
|
$pricing-card-number-font-size: 5rem !default;
|
|
$pricing-card-number-padding: $accordion-card-header-padding-x !default;
|
|
$pricing-card-number-before-font-size: $card-share-social-reveal-right !default;
|
|
$pricing-card-number-before-margin-left: -1.2rem !default;
|
|
$pricing-card-number-before-margin-top: $tabs-padding !default;
|
|
$pricing-card-number-after-font-size: $pricing-card-number-before-font-size !default;
|
|
$pricing-card-number-after-margin-top: $form-header-mb !default;
|
|
$pricing-card-version-padding: $accordion-card-header-padding-y !default;
|
|
$pricing-card-version-bgc: $material-select-wrapper-input-dropdown-disabled-color !default;
|
|
$pricing-card-striped-padding: $accordion-card-header-padding-y !default;
|
|
$pricing-card-striped-li-border-bottom-color: rgba($grey-lighten-3, .298039) !default;
|
|
$pricing-card-striped-li-margin-bottom: $accordion-card-header-padding-y !default;
|
|
$pricing-card-green-striped-li-border-color: #33c28a !default;
|
|
$pricing-card-orange-striped-li-border-color: #e97d63 !default;
|
|
$pricing-card-purple-striped-li-border-color: #963c94 !default;
|
|
$pricing-card-dark-bgc: #28283f !default;
|
|
$pricing-card-circle-border-color: $grey-lighten-2 !default;
|
|
$pricing-card-circle-height: 7.5rem !default;
|
|
$pricing-card-circle-width: $pricing-card-circle-height !default;
|
|
$pricing-card-circle-border-radius: $border-radius-circle !default;
|
|
$pricing-card-circle-icon-font-size: 4rem !default;
|
|
|
|
// Team section
|
|
$team-section-avatar-max-width: $card-up-img-size !default;
|
|
$team-section-avatar-circle-max-width: 150px !default;
|
|
|
|
// Testimonials section
|
|
$testimonial-carousel-control-top: $datepicker-table-day-selected-hover-border-radius !default;
|
|
$testimonial-carousel-control-transform: translateY(-35%) !default;
|
|
$testimonial-carousel-control-font-size: $pricing-card-number-font-size !default;
|
|
$testimonial-carousel-control-color: $chip-font-color !default;
|
|
$testimonial-carousel-control-hover-transition: .4s !default;
|
|
$testimonial-carousel-control-hover-color: $black-base !default;
|
|
$testimonial-carousel-control-mx: 6% !default;
|
|
$testimonial-carousel-avatar-max-width: 170px !default;
|
|
$testimonial-carousel-mx: 15% !default;
|
|
|
|
// Contact section
|
|
$contact-section-form-btn-floating-bottom: $form-header-mb !default;
|
|
$contact-section-bgc: #103f6d !default;
|
|
$contact-section-fa-color: #6b89a5 !default;
|
|
|
|
// Templates section
|
|
$fixed-sn-double-nav-main-footer-pl: $sidenav-width !default;
|
|
$fixed-sn-double-nav-main-pt: 5.5rem !default;
|
|
$fixed-sn-double-nav-main-small-mx: 2% !default;
|
|
$fixed-sn-double-nav-main-medium-mx: 5% !default;
|
|
$fixed-sn-double-nav-main-large-mx: $testimonial-carousel-control-mx !default;
|
|
|
|
$hidden-sn-main-pt: $fixed-sn-double-nav-main-pt !default;
|
|
$hidden-sn-main-btn-collapse-font-size: $navbar-button-collapse-fs-sm !default;
|
|
$hidden-sn-main-btn-collapse-mr: $datepicker-weekday-display-padding !default;
|
|
$hidden-sn-main-btn-collapse-ml: -.375rem !default;
|
|
|
|
// Carousel
|
|
$carousel-thumbnails-mb: $pricing-card-number-font-size !default;
|
|
$carousel-thumbnails-indicators-mb: -4.69rem !default;
|
|
$carousel-thumbnails-sm-mb: $sidenav-padding-bottom !default;
|
|
$carousel-thumbnails-indicators-sm-mb: -3.44rem !default;
|
|
$carousel-thumbnails-indicators-li-width: $material-select-dropdown-content-min-width !default;
|
|
$carousel-thumbnails-indicators-li-max-width: $carousel-thumbnails-indicators-li-width !default;
|
|
$carousel-thumbnails-indicators-active-opacity: $datepicker-weekday-display-letter-spacing !default;
|
|
|
|
$carousel-multi-item-mb: $pricing-card-number-font-size !default;
|
|
$carousel-multi-item-indicators-mb: -2em !default;
|
|
$carousel-multi-item-indicators-li-height: $btn-floating-icon-size !default;
|
|
$carousel-multi-item-indicators-li-width: $carousel-multi-item-indicators-li-height !default;
|
|
$carousel-multi-item-indicators-li-max-width: $carousel-multi-item-indicators-li-width !default;
|
|
$carousel-multi-item-indicators-li-mb: -3.75rem !default;
|
|
$carousel-multi-item-indicators-active-height: 1.56rem !default;
|
|
$carousel-multi-item-indicators-active-width: $carousel-multi-item-indicators-active-height !default;
|
|
$carousel-multi-item-indicators-active-max-width: $carousel-multi-item-indicators-active-width !default;
|
|
$carousel-multi-item-indicators-active-border-radius: $border-radius-circle !default;
|
|
$carousel-multi-item-controls-top-mb: $card-share-social-reveal-right !default;
|
|
$carousel-multi-item-card-cascade-narrower-mt: $btn-floating-icon-size !default;
|
|
$carousel-multi-item-card-cascade-narrower-mb: $classic-tabs-border-radius !default;
|
|
$carousel-multi-item-medium-screen-mb: -1.88rem !default;
|
|
|
|
// Advanced table with checkboxes
|
|
$advanced-table-a-mr: $accordion-card-header-padding-y !default;
|
|
$advanced-table-fieldset-label-height: $material-select-wrapper-input-dropdown-margin !default;
|
|
|
|
// Scrollbar
|
|
$scrollbar-color-mdb: $datepicker-color-mdb !default;
|
|
$scrollbar-color-mdb-grey: #aaaaaa !default;
|
|
$scrollbar-ps-xrail-opacity: .9 !default;
|
|
$scrollbar-ps-scrollbar-xrail-x-border-radius: .375rem !default;
|
|
$scrollbar-ps-scrollbar-xrail-x-bottom: $datepicker-box-padding !default;
|
|
$scrollbar-ps-scrollbar-yrail-y-right: $datepicker-box-padding !default;
|
|
|
|
$scrollbar-ps-scrollbar-inscrolling-opacity: $scrollbar-ps-xrail-opacity !default;
|
|
|
|
$scrollbar-ps-scrollbar-scrollbar-y-border-radius: $scrollbar-ps-scrollbar-xrail-x-border-radius !default;
|
|
|
|
$scrollbar-ps-hover-inscrolling-xrail-opacity: $scrollbar-ps-xrail-opacity !default;
|
|
$scrollbar-ps-hover-scrollbar-y-rail-opacity: .6 !default;
|
|
|
|
$scrollbar-scrollbar-transition-s: $personal-sm-transition-duration;
|
|
$scrollbar-transition-bg: background-color $scrollbar-scrollbar-transition-s linear !default;
|
|
$scrollbar-transition-opacity: opacity $scrollbar-scrollbar-transition-s linear !default;
|
|
$scrollbar-transition-width: width $scrollbar-scrollbar-transition-s ease-in-out !default;
|
|
$scrollbar-transition-height: height $scrollbar-scrollbar-transition-s linear !default;
|
|
$scrollbar-transition-border-radius: border-radius $scrollbar-scrollbar-transition-s ease-in-out !default;
|
|
|
|
// Scrollspy
|
|
$Scrollspy-color-mdb: #666666 !default;
|
|
$scrollspy-padding: 0 $accordion-card-header-padding-y !default;
|
|
$scrollspy-padding-half: $autocomplete-clear-top !default;
|
|
$scrollspy-padding-top: $datepicker-weekday-display-padding !default;
|
|
$scrollspy-padding-bottom: $datepicker-weekday-display-padding !default;
|
|
|
|
$scrollspy-navpills-naviteam-hover-border-left: .0625rem !default;
|
|
$scrollspy-navpills-naviteam-active-border-left: $datepicker-box-padding !default;
|
|
|
|
$scrollspy-dotted-top: $datepicker-table-day-selected-hover-border-radius !default;
|
|
$scrollspy-dotted-transform: translateY(-50%) !default;
|
|
$scrollspy-dotted-bg: rgba($black, .55) !default;
|
|
$scrollspy-example-padding: $accordion-card-header-padding-y !default;
|
|
|
|
// Switch
|
|
$switch-input-checkbox-checked-lever-after-left: $accordion-card-header-padding-x !default;
|
|
|
|
$switch-lever-mr: $datepicker-weekday-display-padding !default;
|
|
$switch-lever-margin: 0 $accordion-card-header-padding-y !default;
|
|
$switch-lever-border-radius-small: $datepicker-date-display-pb !default;
|
|
|
|
$switch-lever-after-border-radius-high: 1.3125rem !default;
|
|
|
|
$switch-lever-after-box-shadow-darker: 0 $scrollspy-navpills-naviteam-hover-border-left .1875rem $scrollspy-navpills-naviteam-hover-border-left rgba($black-base, .4) !default;
|
|
$switch-lever-after-box-shadow-lighter: 0 0 0 $datepicker-date-display-pb rgba($black-base, .08) !default;
|
|
$switch-lever-after-box-shadow-transp: 0 0 0 $datepicker-date-display-pb transparentize(map-get($switch-colors, "bg"), .9) !default;
|
|
|
|
$switch-lever-after-left: -.3125rem !default;
|
|
$switch-lever-after-top: -.1875rem !default;
|
|
|
|
$switch-lever-after-transition-bg: background .3s $card-share-social-reveal-transition-ease !default;
|
|
$switch-lever-after-transition-left: left .3s $card-share-social-reveal-transition-ease !default;
|
|
$switch-lever-after-transition-box: box-shadow $card-front-back-transition $card-share-social-reveal-transition-ease !default;
|
|
|
|
// Checkbox
|
|
$checkbox-label-pl: $fixed-action-btn-right !default;
|
|
$checkbox-label-height: $timepicker-clockpicker-span-am-pm-line-height !default;
|
|
$checkbox-label-line-height: $checkbox-label-height !default;
|
|
$checkbox-label-before-after-width: $input-group-text-checkbox-pl !default;
|
|
$checkbox-label-before-after-height: $checkbox-label-before-after-width !default;
|
|
$checkbox-label-before-after-border-width: 2px !default;
|
|
$checkbox-label-before-after-border-color: #8a8a8a !default;
|
|
$checkbox-label-before-after-border-radius: $autocomplete-margin-bottom !default;
|
|
$checkbox-label-before-after-mt: $slider-runnable-track-height !default;
|
|
$checkbox-label-before-after-transition: $personal-sm-transition-duration !default;
|
|
|
|
$checkbox-checked-label-before-top: $btn-lg-counter-margin-top !default;
|
|
$checkbox-checked-label-before-left: $slider-thumb-mt !default;
|
|
$checkbox-checked-label-before-width: $autocomplete-wrap-li-padding-y !default;
|
|
$checkbox-checked-label-before-height: 1.375rem !default;
|
|
$checkbox-checked-label-before-transform: rotate(40deg) !default;
|
|
$checkbox-checked-label-before-transform-origin: $datepicker-table-width $datepicker-table-width !default;
|
|
|
|
$checkbox-indeterminate-label-before-top: -11px !default;
|
|
$checkbox-indeterminate-label-before-left: $chip-img-margin-left !default;
|
|
$checkbox-indeterminate-label-before-width: $btn-floating-margin !default;
|
|
$checkbox-indeterminate-label-before-height: $checkbox-checked-label-before-height !default;
|
|
$checkbox-indeterminate-label-before-transform: rotate(90deg) !default;
|
|
|
|
$checkbox-filled-in-border-radius: $border-radius-base !default;
|
|
$checkbox-filled-in-transition-border: border .25s !default;
|
|
$checkbox-filled-in-transition-background-color: background-color .25s !default;
|
|
$checkbox-filled-in-transition-width: width .20s $card-front-back-transition !default;
|
|
$checkbox-filled-in-transition-height: height .20s $card-front-back-transition !default;
|
|
$checkbox-filled-in-transition-top: top .20s $card-front-back-transition !default;
|
|
$checkbox-filled-in-transition-left: left .20s $card-front-back-transition !default;
|
|
$checkbox-filled-in-unchecked-label-before-border-width: $slider-runnable-track-height !default;
|
|
$checkbox-filled-in-unchecked-label-before-left: $slider-border-width !default;
|
|
$checkbox-filled-in-unchecked-label-before-top: $btn-floating-margin !default;
|
|
$checkbox-filled-in-unchecked-label-before-transform: rotateZ(37deg) !default;
|
|
$checkbox-filled-in-unchecked-label-after-height: $input-group-text-checkbox-height !default;
|
|
$checkbox-filled-in-unchecked-label-after-width: $checkbox-filled-in-unchecked-label-after-height !default;
|
|
|
|
$checkbox-filled-in-checked-label-before-left: $autocomplete-margin-bottom !default;
|
|
$checkbox-filled-in-checked-label-before-width: $btn-sm-counter-margin-top !default;
|
|
$checkbox-filled-in-checked-label-before-height: $chip-font-size !default;
|
|
|
|
//Progress
|
|
$progress-height-mdb: $collection-card-stripe-letter-spacing !default;
|
|
$progress-margin-bottom: $accordion-card-header-padding-y !default;
|
|
|
|
$progress-bar-height: $progress-height-mdb !default;
|
|
$progress-bar-animated-transition: width 2s ease-in-out !default;
|
|
|
|
$progress-indeterminate-before-animation: indeterminate 2.1s cubic-bezier(.650, .815, .735, .395) infinite !default;
|
|
|
|
$progress-indeterminate-after-animation: indeterminate 2.1s cubic-bezier(.165, .840, .440, 1.000) infinite !default;
|
|
$progress-indeterminate-after-animation-delay: 1.15s !default;
|
|
|
|
$progress-preloader-width: $form-header-mb !default;
|
|
$progress-preloader-height: $form-header-mb !default;
|
|
|
|
$progress-preloader-small-width: 2.25rem !default;
|
|
$progress-preloader-small-height: $progress-preloader-small-width !default;
|
|
$progress-preloader-big-width: $pricing-card-circle-icon-font-size !default;
|
|
$progress-preloader-big-height: $pricing-card-circle-icon-font-size !default;
|
|
$progress-preloader-active-animation: container-rotate 1568ms linear infinite !default;
|
|
$progress-preloader-crazy-animation: $pswp__show-hide-transition-duration !default;
|
|
|
|
$progress-spinner-gap-left: 45% !default;
|
|
$progress-spinner-gap-width: $sidenav-sn-avatar-wrapper-py !default;
|
|
$progress-spinner-gap-circle-width: 1000% !default;
|
|
$progress-spinner-gap-circle-left: -450% !default;
|
|
|
|
$progress-spinner-circle-clipper-width: $datepicker-table-day-selected-hover-border-radius !default;
|
|
|
|
$progress-spinner-circle-clipper-circle-width: 200% !default;
|
|
$progress-spinner-circle-clipper-circle-border-width: .1875rem !default;
|
|
$progress-spinner-circle-clipper-circle-border-radius: $datepicker-table-day-selected-hover-border-radius !default;
|
|
|
|
$progress-spinner-circle-clipper-left-circle-transform: rotate(129deg) !default;
|
|
|
|
$progress-spinner-circle-clipper-right-circle-left: $picker-frame-media-bottom !default;
|
|
$progress-spinner-circle-clipper-right-circle-transform: rotate(-129deg) !default;
|
|
|
|
$progress-active-cubic: cubic-bezier(.4, .0, .2, 1) !default;
|
|
$progress-active-curve: $progress-active-cubic infinite both !default;
|
|
$progress-active-spinner-layer-time: 5332ms !default;
|
|
$progress-active-spinner-layer: $progress-active-spinner-layer-time $progress-active-curve !default;
|
|
$progress-active-spinner-main: fill-unfill-rotate $progress-active-spinner-layer !default;
|
|
$progress-active-spinner-blue: blue-fade-in-out $progress-active-spinner-layer !default;
|
|
$progress-active-spinner-red: red-fade-in-out $progress-active-spinner-layer !default;
|
|
$progress-active-spinner-yellow: yellow-fade-in-out $progress-active-spinner-layer !default;
|
|
$progress-active-spinner-green: green-fade-in-out $progress-active-spinner-layer !default;
|
|
|
|
$progress-active-circle-layer-time: 1333ms !default;
|
|
$progress-active-circle-left-spin: left-spin $progress-active-circle-layer-time $progress-active-curve !default;
|
|
$progress-active-circle-right-spin: right-spin $progress-active-circle-layer-time $progress-active-curve !default;
|
|
|
|
$progress-spinner-container-animation-rotate: container-rotate 1568ms linear infinite !default;
|
|
$progress-spinner-container-animation-fade: fade-out 400ms $progress-active-cubic !default;
|
|
|
|
// Radio Buttons
|
|
$radio-fill-color: $primary-color !default;
|
|
$radio-empty-color: #5a5a5a !default;
|
|
$radio-label-pl: $checkbox-label-pl !default;
|
|
$radio-label-height: $checkbox-label-height !default;
|
|
$radio-label-line-height: $radio-label-height !default;
|
|
$radio-label-transition: .28s $card-share-social-reveal-transition-ease !default;
|
|
$radio-label-before-after-margin: $navbar-double-small-padding !default;
|
|
$radio-label-before-after-width: $chip-br !default;
|
|
$radio-label-before-after-height: $radio-label-before-after-width !default;
|
|
$radio-label-border-radius: $border-radius-circle !default;
|
|
$radio-label-border-width: $checkbox-label-before-after-border-width !default;
|
|
$radio-label-checked-transform: scale(1.02) !default;
|
|
$radio-label-with-gap-checked-transform: scale(.5) !default;
|