routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+42
@@ -0,0 +1,42 @@
|
||||
@use 'sass:map';
|
||||
@use 'sass:math';
|
||||
@use '../../styles/settings';
|
||||
@use "../../styles/settings/variables";
|
||||
@use "../../styles/tools/functions";
|
||||
|
||||
// VBottomNavigation
|
||||
$bottom-navigation-background: rgb(var(--v-theme-surface)) !default;
|
||||
$bottom-navigation-border-color: settings.$border-color-root !default;
|
||||
$bottom-navigation-border-radius: 0 !default;
|
||||
$bottom-navigation-border-radius: map.get(settings.$rounded, '0') !default;
|
||||
$bottom-navigation-border-style: settings.$border-style-root !default;
|
||||
$bottom-navigation-border-thin-width: thin !default;
|
||||
$bottom-navigation-border-width: 0 !default;
|
||||
$bottom-navigation-button-color: functions.theme-color('on-surface', var(--v-medium-emphasis-opacity)) !default;
|
||||
$bottom-navigation-color: functions.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
|
||||
$bottom-navigation-content-font-size: functions.map-deep-get(variables.$typography, 'label-small', 'size') !default;
|
||||
$bottom-navigation-elevation: 2 !default;
|
||||
$bottom-navigation-flat-elevation: 0 !default;
|
||||
$bottom-navigation-height: 100% !default;
|
||||
$bottom-navigation-icon-font-size: 1.5rem !default;
|
||||
$bottom-navigation-max-width: 168px !default;
|
||||
$bottom-navigation-min-width: 80px !default;
|
||||
$bottom-navigation-opacity: var(--v-medium-emphasis-opacity) !default;
|
||||
$bottom-navigation-shift-content-color: functions.theme-color('on-surface', 0) !default;
|
||||
$bottom-navigation-shift-icon-top: math.div($bottom-navigation-icon-font-size, 3) !default;
|
||||
$bottom-navigation-shift-icon-transform: translateY($bottom-navigation-shift-icon-top) !default;
|
||||
$bottom-navigation-text-transform: none !default;
|
||||
$bottom-navigation-transition: transform, color, .2s, .1s settings.$standard-easing !default;
|
||||
|
||||
// Lists
|
||||
$bottom-navigation-border: (
|
||||
$bottom-navigation-border-color,
|
||||
$bottom-navigation-border-style,
|
||||
$bottom-navigation-border-width,
|
||||
$bottom-navigation-border-thin-width
|
||||
) !default;
|
||||
|
||||
$bottom-navigation-theme: (
|
||||
$bottom-navigation-background,
|
||||
$bottom-navigation-color
|
||||
) !default;
|
||||
Reference in New Issue
Block a user