diff options
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 |