diff options
| author |  piotrruss <mail@pruss.it>
| 2021-09-04 11:20:34 +0200 |
|---|---|---|
| committer | piotrruss <mail@pruss.it>
| 2021-09-04 11:20:34 +0200 |
| commit | 6c54c9d57d5fa4c52aa454ed3ca09060b0674ad3 (patch) | |
| tree | 0d236ccdf51f264cced4c8adbad24d1dba065ddf /styles/main/_header.scss | |
| parent | a28b952eafc83ac6f6fc1a3d99805866bc41fde9 (diff) | |
| download | my_apps-6c54c9d57d5fa4c52aa454ed3ca09060b0674ad3.tar.gz my_apps-6c54c9d57d5fa4c52aa454ed3ca09060b0674ad3.tar.bz2 my_apps-6c54c9d57d5fa4c52aa454ed3ca09060b0674ad3.zip | |
split scss into partials
Diffstat (limited to 'styles/main/_header.scss')
| -rw-r--r-- | styles/main/_header.scss | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/styles/main/_header.scss b/styles/main/_header.scss new file mode 100644 index 0000000..9fab16b --- /dev/null +++ b/styles/main/_header.scss @@ -0,0 +1,39 @@ +.header { + height: 2em; + background-color: var(--color-glass); + border-bottom: 1px solid var(--color-window-border-bottom); + + nav { + display: flex; + + & > ul:first-of-type { + flex-grow: 1; + overflow: auto; + } + + & > ul { + display: block; + + & > li { + display: inline-block; + + & > span, + & > a { + display: inline-block; + color: var(--color-text); + text-decoration: none; + align-items: center; + padding: .25em .5em; + margin: .25em; + border-radius: .5em; + transition: .3s background, .3s color; + + &:hover { + background-color: var(--color-selected); + color: var(--color-text-alt); + } + } + } + } + } +} |