1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/vars.scss
Alex Andreev 8d1c29ae4c
Docs: extension styling and theming (#1267)
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
2020-11-09 19:05:27 +02:00

32 lines
880 B
SCSS
Executable File

@import "colors", "media";
@import "../themes/theme-vars";
// Dimensions
$unit: 8px;
$padding: $unit;
$margin: $unit;
$radius: var(--border-radius);
// Fonts
$font-main: var(--font-main);
$font-monospace: var(--font-monospace);
$font-size-small: var(--font-size-small);
$font-size: var(--font-size);
$font-size-big: var(--font-size-big);
$font-weight-thin: var(--font-weight-thin);
$font-weight-normal: var(--font-weight-normal);
$font-weight-bold: var(--font-weight-bold);
// Z-index correlations
$zIndex-sidebar-hover: 500;
$zIndex-select-portal: 300;
$zIndex-dialog: 200;
$zIndex-drawer: 100;
// Animation timing functions
$animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1);
$animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1);
$animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1);
// Import other common vars & mixins
@import "mixins";