diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-09-20 09:24:27 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-09-20 09:24:27 +0200 |
| commit | a9072370ca1eb9a5cce928b1d487db0f307edea6 (patch) | |
| tree | 59c3c23df930a8b5f888dc7813923abf4ceefed4 /apps/web-shared/src/styles/custom-style/_buttons.scss | |
| parent | 56fa963a1d63cbe0bf28e29e717cceaa417c45c1 (diff) | |
| download | greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.tar.xz greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.zip | |
feat: Move old apps into it's own directory
Diffstat (limited to 'apps/web-shared/src/styles/custom-style/_buttons.scss')
| -rw-r--r-- | apps/web-shared/src/styles/custom-style/_buttons.scss | 89 |
1 files changed, 0 insertions, 89 deletions
diff --git a/apps/web-shared/src/styles/custom-style/_buttons.scss b/apps/web-shared/src/styles/custom-style/_buttons.scss deleted file mode 100644 index 2145acc..0000000 --- a/apps/web-shared/src/styles/custom-style/_buttons.scss +++ /dev/null @@ -1,89 +0,0 @@ -@use '../base' as *; - -// -------------------------------- - -// (START) Global editor code https://codyhouse.co/ds/globals/buttons - -// -------------------------------- - -:root { - --btn-font-size: 1rem; - --btn-padding-x: var(--space-xs); - --btn-padding-y: var(--space-xxxs); - --btn-radius: 5px; -} - -.btn { - background: var(--color-bg-dark); - color: var(--color-contrast-higher); - cursor: pointer; - font-family: var(--font-primary); - font-weight: 400; - text-decoration: none; - line-height: 0.8; - @include fontSmooth; - outline: none; - - &:hover { - background: var(--color-bg-darker); - } - - &:focus { - outline: 1px solid var(--color-contrast-lower); - } -} - -// themes -.btn--primary { - background: var(--color-primary); - color: var(--color-white); - - &:hover { - background: var(--color-primary-light); - box-shadow: inset 0px 1px 0px alpha(var(--color-white), 0.15), 0px 1px 2px alpha(var(--color-primary-darker), 0.25), 0px 1px 4px alpha(var(--color-primary-darker), 0.1), 0px 3px 6px -2px alpha(var(--color-primary-darker), 0.25); - } -} - -.btn--subtle { - background: var(--color-bg-lighter); - color: var(--color-contrast-higher); - - &:hover { - background: var(--color-bg-light); - } -} - -.btn--accent { - background: var(--color-accent); - color: var(--color-white); - - &:hover { - background: var(--color-accent-light); - box-shadow: inset 0px 1px 0px alpha(var(--color-white), 0.15), 0px 1px 2px alpha(var(--color-accent-darker), 0.25), 0px 1px 4px alpha(var(--color-accent-darker), 0.1), 0px 3px 6px -2px alpha(var(--color-accent-darker), 0.1); - } -} - -// feedback -.btn--disabled, .btn[disabled], .btn[readonly] { - opacity: 0.6; - cursor: not-allowed; -} - -// size -.btn--sm { - font-size: 0.8rem; -} - -.btn--md { - font-size: 1.2rem; -} - -.btn--lg { - font-size: 1.4rem; -} - -// -------------------------------- - -// (END) Global editor code - -// --------------------------------
\ No newline at end of file |
