diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-08-05 00:30:33 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-08-05 00:30:41 +0200 |
| commit | a84cb76da742c0928a3c72b8ff967b8313f0d269 (patch) | |
| tree | 304bed84b56cddf2924d912375c5444faedfd5b5 /apps/web-shared/src/styles/custom-style/_shared-styles.scss | |
| parent | 2e435683aa0080bda6e8be0955e86b03004e70fb (diff) | |
| download | greatoffice-a84cb76da742c0928a3c72b8ff967b8313f0d269.tar.xz greatoffice-a84cb76da742c0928a3c72b8ff967b8313f0d269.zip | |
refactor: Update shared base styles
Diffstat (limited to 'apps/web-shared/src/styles/custom-style/_shared-styles.scss')
| -rw-r--r-- | apps/web-shared/src/styles/custom-style/_shared-styles.scss | 46 |
1 files changed, 29 insertions, 17 deletions
diff --git a/apps/web-shared/src/styles/custom-style/_shared-styles.scss b/apps/web-shared/src/styles/custom-style/_shared-styles.scss index c685b46..313fc69 100644 --- a/apps/web-shared/src/styles/custom-style/_shared-styles.scss +++ b/apps/web-shared/src/styles/custom-style/_shared-styles.scss @@ -1,16 +1,35 @@ @use '../base' as *; :root { - --radius: 0.25em; // border radius base size - --radius-sm: calc(var(--radius) / 2); - --radius-md: var(--radius); - --radius-lg: calc(var(--radius) * 2); - --shadow-xs: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; - --shadow-sm: 0; - --shadow-md: 0; - --shadow-lg: 0; - --shadow-xl: 0; + // radius + --radius: 0.375em; // border radius base size + // 👇 uncomment to modify default radius values + // --radius-sm: calc(var(--radius)/2); + // --radius-md: var(--radius); + // --radius-lg: calc(var(--radius)*2); + + // box shadow - 👇 uncomment to modify default shadow values + // --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), + // 0 1px 2px rgba(0, 0, 0, 0.12); + // --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), + // 0 0.9px 1.5px rgba(0, 0, 0, 0.05), + // 0 3.5px 6px rgba(0, 0, 0, 0.1); + // --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), + // 0 3.1px 5.5px rgba(0, 0, 0, 0.08), + // 0 14px 25px rgba(0, 0, 0, 0.12); + // --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), + // 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), + // 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), + // 0 30px 42px -1px rgba(0, 0, 0, 0.15); + // --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), + // 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), + // 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), + // 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), + // 0 46px 60px -6px rgba(0, 0, 0, 0.2); + // --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075); + // --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075); } + // -------------------------------- // (START) Global editor code https://codyhouse.co/ds/globals/shared-styles @@ -25,13 +44,6 @@ } } -.hover\:scale { - - &:hover { - transform: scale(1.1); - } -} - .hover\:elevate { box-shadow: var(--shadow-sm); @@ -55,4 +67,4 @@ // (END) Global editor code -// -------------------------------- +// --------------------------------
\ No newline at end of file |