92 lines
3.4 KiB
SCSS
92 lines
3.4 KiB
SCSS
|
|
// todo : implement path variables for seamless imports
|
|
// Ex. $css-path: '../css/
|
|
// functions can provides aliases to
|
|
|
|
// palettes import -
|
|
// ------------------------------------------------------------------------------
|
|
// fixme : consolidate all settings and imports in a decent 'settings' file
|
|
//@import '../themes/color-palette'; // fixme : clarify if it is deeded or assure by javascript
|
|
|
|
// Font Variables
|
|
$font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif !default;
|
|
$font-family: Ubuntu, 'Helvetica Neue', sans-serif; //override
|
|
//$dark-theme: false !default;
|
|
//$foreground-color-palette: $color-grey !default;
|
|
//$foreground-base-color: map-get($foreground-color-palette, '1000') !default;
|
|
//$foreground-primary-color: rgba($foreground-base-color, 0.73) !default; $foreground-primary-color: rgba($foreground-base-color, 0.87);//override
|
|
//$foreground-secondary-color: rgba($foreground-base-color, 0.54) !default;
|
|
//$foreground-tertiary-color: rgba($foreground-base-color, 0.26) !default;
|
|
//$foreground-quarternary-color: rgba($foreground-base-color, 0.12) !default;
|
|
//$foreground-text-shadow: none !default;
|
|
|
|
|
|
//$input-border-color: $foreground-secondary-color !default;
|
|
//$input-disabled-border-color: $foreground-tertiary-color !default;
|
|
//
|
|
//$background-color-palette: $color-paper !default;
|
|
//$background-color-base: map-get($background-color-palette, '200') !default;
|
|
//
|
|
//$primary-color-palette: $color-light-blue !default;
|
|
//$warn-color-palette: $color-red !default;
|
|
//$primary-color-palette-contrast-color: white !default;
|
|
//todo ; create grey map
|
|
$bottombar-color: #121212;
|
|
|
|
// Layout
|
|
// ------------------------------
|
|
|
|
$baseline-grid: 8px !default;
|
|
$layout-breakpoint-sm: 600px !default;
|
|
$layout-breakpoint-md: 960px !default;
|
|
$layout-breakpoint-lg: 1200px !default;
|
|
$layout-gutter-width: ($baseline-grid * 2) !default;
|
|
|
|
|
|
// App bar variables
|
|
$app-bar-height: 64px;
|
|
|
|
$toast-height: $baseline-grid * 3 !default;
|
|
$toast-margin: $baseline-grid * 1 !default;
|
|
|
|
// Whiteframes
|
|
|
|
$whiteframe-shadow-z1: 0px 2px 5px 0 rgba(0,0,0,0.26) !default;
|
|
$whiteframe-zindex-z1: 1 !default;
|
|
$whiteframe-shadow-z2: 0px 8px 17px rgba(0,0,0,0.2) !default;
|
|
$whiteframe-zindex-z2: 2 !default;
|
|
$whiteframe-shadow-z3: 0px 17px 50px rgba(0,0,0,0.19) !default;
|
|
$whiteframe-zindex-z3: 3 !default;
|
|
$whiteframe-shadow-z4: 0px 16px 28px 0 rgba(0,0,0,0.22) !default;
|
|
$whiteframe-zindex-z4: 4 !default;
|
|
$whiteframe-shadow-z5: 0px 27px 24px 0 rgba(0,0,0,0.2) !default;
|
|
$whiteframe-zindex-z5: 5 !default;
|
|
|
|
|
|
|
|
// Z-indexes
|
|
//--------------------------------------------
|
|
|
|
$z-index-tooltip: 100 !default;
|
|
$z-index-dialog: 80 !default;
|
|
$z-index-toast: 90 !default;
|
|
$z-index-bottom-sheet: 70 !default;
|
|
$z-index-sidenav: 60 !default;
|
|
$z-index-backdrop: 50 !default;
|
|
$z-index-fab: 20 !default;
|
|
|
|
// Easing Curves
|
|
//--------------------------------------------
|
|
|
|
$swift-ease-out-duration: 0.4s !default;
|
|
$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
|
|
$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;
|
|
|
|
$swift-ease-in-duration: 0.3s !default;
|
|
$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
|
|
$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;
|
|
|
|
$swift-ease-in-out-duration: 0.5s !default;
|
|
$swift-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
|
|
$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;
|