Initial Version
This commit is contained in:
140
core/src/scss/_variables.scss
Normal file
140
core/src/scss/_variables.scss
Normal file
@@ -0,0 +1,140 @@
|
||||
@use 'sass:math';
|
||||
@use 'sass:map';
|
||||
@use 'sass:meta';
|
||||
@use 'vuetify/lib/styles/tools/functions' as *;
|
||||
|
||||
// This will false all colors which is not necessory for theme
|
||||
$color-pack: false;
|
||||
|
||||
// Global font size and border radius
|
||||
$font-size-root: 1rem;
|
||||
$border-radius-root: 4px;
|
||||
$body-font-family: 'Public sans', sans-serif !default;
|
||||
$heading-font-family: $body-font-family !default;
|
||||
$btn-font-weight: 400 !default;
|
||||
$btn-letter-spacing: 0 !default;
|
||||
|
||||
// Global Radius as per breakeven point
|
||||
$rounded: () !default;
|
||||
$rounded: map-deep-merge(
|
||||
(
|
||||
0: 0,
|
||||
'sm': $border-radius-root * 0.5,
|
||||
null: $border-radius-root,
|
||||
'md': $border-radius-root * 1,
|
||||
'lg': $border-radius-root * 2,
|
||||
'xl': $border-radius-root * 6,
|
||||
'pill': 9999px,
|
||||
'circle': 50%,
|
||||
'shaped': $border-radius-root * 6 0
|
||||
),
|
||||
$rounded
|
||||
);
|
||||
// Global Typography
|
||||
$typography: () !default;
|
||||
$typography: map-deep-merge(
|
||||
(
|
||||
'h1': (
|
||||
'size': 2.375rem,
|
||||
'weight': 600,
|
||||
'line-height': 1.21,
|
||||
'font-family': inherit
|
||||
),
|
||||
'h2': (
|
||||
'size': 1.875rem,
|
||||
'weight': 600,
|
||||
'line-height': 1.27,
|
||||
'font-family': inherit
|
||||
),
|
||||
'h3': (
|
||||
'size': 1.5rem,
|
||||
'weight': 600,
|
||||
'line-height': 1.33,
|
||||
'font-family': inherit
|
||||
),
|
||||
'h4': (
|
||||
'size': 1.25rem,
|
||||
'weight': 600,
|
||||
'line-height': 1.4,
|
||||
'font-family': inherit
|
||||
),
|
||||
'h5': (
|
||||
'size': 1rem,
|
||||
'weight': 600,
|
||||
'line-height': 1.5,
|
||||
'font-family': inherit
|
||||
),
|
||||
'h6': (
|
||||
'size': 0.875rem,
|
||||
'weight': 400,
|
||||
'line-height': 1.57,
|
||||
'font-family': inherit
|
||||
),
|
||||
'subtitle-1': (
|
||||
'size': 0.875rem,
|
||||
'weight': 600,
|
||||
'line-height': 1.57,
|
||||
'font-family': inherit
|
||||
),
|
||||
'subtitle-2': (
|
||||
'size': 0.75rem,
|
||||
'weight': 500,
|
||||
'line-height': 1.66,
|
||||
'font-family': inherit
|
||||
),
|
||||
'body-1': (
|
||||
'size': 0.875rem,
|
||||
'weight': 400,
|
||||
'line-height': 1.57,
|
||||
'font-family': inherit
|
||||
),
|
||||
'body-2': (
|
||||
'size': 0.75rem,
|
||||
'weight': 400,
|
||||
'line-height': 1.66,
|
||||
'font-family': inherit
|
||||
),
|
||||
'button': (
|
||||
'size': 0.875rem,
|
||||
'weight': 500,
|
||||
'font-family': inherit,
|
||||
'text-transform': uppercase
|
||||
),
|
||||
'caption': (
|
||||
'size': 0.75rem,
|
||||
'weight': 400,
|
||||
'letter-spacing': 0,
|
||||
'font-family': inherit
|
||||
),
|
||||
'overline': (
|
||||
'size': 0.75rem,
|
||||
'weight': 500,
|
||||
'font-family': inherit,
|
||||
'line-height': 1.67,
|
||||
'letter-spacing': 0,
|
||||
'text-transform': uppercase
|
||||
)
|
||||
),
|
||||
$typography
|
||||
);
|
||||
|
||||
// Custom Variables
|
||||
// colors
|
||||
$white: #fff !default;
|
||||
|
||||
// cards
|
||||
$card-item-spacer-xy: 20px !default;
|
||||
$card-text-spacer: 20px !default;
|
||||
$card-title-size: 16px !default;
|
||||
|
||||
// Global Shadow
|
||||
$box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
|
||||
|
||||
$theme-colors: (
|
||||
primary: var(--v-theme-primary),
|
||||
secondary: var(--v-theme-secondary),
|
||||
success: var(--v-theme-success),
|
||||
info: var(--v-theme-info),
|
||||
warning: var(--v-theme-warning),
|
||||
error: var(--v-theme-error)
|
||||
);
|
||||
Reference in New Issue
Block a user