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/components/user-menu.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/components/user-menu.scss')
| -rw-r--r-- | apps/web-shared/src/styles/components/user-menu.scss | 81 |
1 files changed, 0 insertions, 81 deletions
diff --git a/apps/web-shared/src/styles/components/user-menu.scss b/apps/web-shared/src/styles/components/user-menu.scss deleted file mode 100644 index 416655f..0000000 --- a/apps/web-shared/src/styles/components/user-menu.scss +++ /dev/null @@ -1,81 +0,0 @@ -@use '../base' as *; -@use 'menu.scss' as *; - -/* -------------------------------- - -File#: _2_user-menu -Title: User Menu -Descr: A menu controlled by the user profile image -Usage: codyhouse.co/license - --------------------------------- */ - -.user-menu-control { - --profile-figure-size: 40px; - - cursor: pointer; - display: inline-flex; - align-items: center; - text-align: left; - - &:hover { - .user-menu-control__img-wrapper { - opacity: 0.8; - } - - .user-menu__meta-title { - color: var(--color-primary); - } - } - - &:focus, &.menu-control--active { - outline: none; - - .user-menu-control__img-wrapper::after { - opacity: 1; - transform: scale(1); - } - } -} - -.user-menu-control__img-wrapper { - width: var(--profile-figure-size); - height: var(--profile-figure-size); - position: relative; - //transition: opacity 0.2s; - - &::after { - content: ''; - position: absolute; - z-index: -1; - left: -4px; - top: -4px; - width: 100%; - height: 100%; - border-radius: inherit; - width: calc(var(--profile-figure-size) + 8px); - height: calc(var(--profile-figure-size) + 8px); - border: 2px solid var(--color-primary); - pointer-events: none; - - opacity: 0; - transform: scale(0.8); - - //transition: all 0.2s; - } -} - -.user-menu-control__img { - display: block; - width: 100%; - object-fit: cover; - border-radius: inherit; -} - -.user-menu__meta { - //max-width: 100px; -} - -.user-menu__meta-title { - //transition: color 0.2s; -} |
