diff options
| author |  piotrruss <mail@pruss.it>
| 2021-09-19 12:47:21 +0200 |
|---|---|---|
| committer | piotrruss <mail@pruss.it>
| 2021-09-19 12:47:21 +0200 |
| commit | 865c9cc345aa105714dfe3ccf1d1c0a9a6a75f7f (patch) | |
| tree | 2dd4935ae03b084570c003eb0c004022e9a99de3 /styles/main/_header.scss | |
| parent | bb22276b9bdfdb23da313a5495dc4f3fcdb3bb09 (diff) | |
| download | my_apps-865c9cc345aa105714dfe3ccf1d1c0a9a6a75f7f.tar.gz my_apps-865c9cc345aa105714dfe3ccf1d1c0a9a6a75f7f.tar.bz2 my_apps-865c9cc345aa105714dfe3ccf1d1c0a9a6a75f7f.zip | |
youtube & player apps fixes
Diffstat (limited to 'styles/main/_header.scss')
| -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); } |