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/base/_icons.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/base/_icons.scss')
| -rw-r--r-- | apps/web-shared/src/styles/base/_icons.scss | 62 |
1 files changed, 0 insertions, 62 deletions
diff --git a/apps/web-shared/src/styles/base/_icons.scss b/apps/web-shared/src/styles/base/_icons.scss deleted file mode 100644 index 1674a7c..0000000 --- a/apps/web-shared/src/styles/base/_icons.scss +++ /dev/null @@ -1,62 +0,0 @@ -// don't modify this file -> edit 📁 custom-style/_icons.scss to set your custom icons style - -:root { - // default icon sizes - --icon-xxxs: 8px; - --icon-xxs: 12px; - --icon-xs: 16px; - --icon-sm: 24px; - --icon-md: 32px; - --icon-lg: 48px; - --icon-xl: 64px; - --icon-xxl: 96px; - --icon-xxxl: 128px; -} - -.icon { - --size: 1em; - height: var(--size); - width: var(--size); - display: inline-block; - color: inherit; - fill: currentColor; - line-height: 1; - flex-shrink: 0; - max-width: initial; -} - -// icon size -.icon--xxxs { --size: var(--icon-xxxs); } -.icon--xxs { --size: var(--icon-xxs); } -.icon--xs { --size: var(--icon-xs); } -.icon--sm { --size: var(--icon-sm); } -.icon--md { --size: var(--icon-md); } -.icon--lg { --size: var(--icon-lg); } -.icon--xl { --size: var(--icon-xl); } -.icon--xxl { --size: var(--icon-xxl); } -.icon--xxxl { --size: var(--icon-xxxl); } - -.icon--is-spinning { // rotate the icon infinitely - animation: icon-spin 1s infinite linear; -} - -@keyframes icon-spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} - -// -------------------------------- - -// SVG <symbol> - -// -------------------------------- - -// enable icon color corrections -.icon use { - color: inherit; - fill: currentColor; -}
\ No newline at end of file |