diff options
Diffstat (limited to 'styles/main')
| -rw-r--r-- | styles/main/_header.scss | 29 |
1 files changed, 26 insertions, 3 deletions
diff --git a/styles/main/_header.scss b/styles/main/_header.scss index e6ac70f..ea75f5e 100644 --- a/styles/main/_header.scss +++ b/styles/main/_header.scss @@ -28,10 +28,33 @@ & > li { display: inline-block; - & > span > span { - padding: .75em; + @media(max-width: 40em) { + & > span:first-of-type { + display: flex!important; + width: 100%; + } + + & > span > span:first-of-type { + flex-grow: 1; + } + } + + & > span > span:nth-of-type(2), + & > span > span:nth-of-type(3) { + margin: .25em .25em .25em .5em; + padding: .5em; display: inline-block; - margin-left: .5em; + border-top: 1px solid var(--color-window-border-top); + border-bottom: 1px solid var(--color-window-border-bottom); + border-radius: .5em; + background-color: var(--color-window-content); + } + + & > span > span:nth-of-type(2) { + margin-left: 1em; + } + + & > span > span:nth-of-type(3) { color: var(--color-error); } |