diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/global/_window.scss | 47 | ||||
| -rw-r--r-- | styles/main/_icon.scss | 2 |
2 files changed, 39 insertions, 10 deletions
diff --git a/styles/global/_window.scss b/styles/global/_window.scss index c489796..cf78752 100644 --- a/styles/global/_window.scss +++ b/styles/global/_window.scss @@ -106,20 +106,41 @@ width: 100%; background: var(--color-window-menu); - & > div > div { - // cursor: pointer; - display: inline-block; - padding: .5em; - transition: .3s background; - white-space: nowrap; + & > div { + display: flex; - @media(hover: hover) { - &:hover { - background-color: var(--color-window-menu-alt); + & > div { + display: inline-block; + padding: .5em; + transition: .3s background; + white-space: nowrap; + + @media(hover: hover) { + &:hover { + background-color: var(--color-window-menu-alt); + } } } + + & > span { + flex-grow: 1; + } } + .off { + text-decoration: line-through solid var(--color-decor); + color: var(--color-decor); + } + + .iconOff { + color: var(--color-window-menu-alt); + pointer-events: none; + } + + .active { + color: var(--color-text-alt); + font-weight: 600; + } @media(max-width: 40em) { height: 3em; @@ -201,5 +222,13 @@ & > .window__content { top: 0; } + + .window__submenu > div { + @media(min-width: 40em) { + &:last-of-type { + margin-right: 5.5em; + } + } + } } } diff --git a/styles/main/_icon.scss b/styles/main/_icon.scss index a7c16ed..efa2ee0 100644 --- a/styles/main/_icon.scss +++ b/styles/main/_icon.scss @@ -1,7 +1,7 @@ .icon { text-decoration: none; display: inline-block; - padding: .5em; + padding: 1em; text-align: center; outline: none; |