diff options
| author |  piotrruss <mail@pruss.it>
| 2021-09-04 21:55:21 +0200 |
|---|---|---|
| committer | piotrruss <mail@pruss.it>
| 2021-09-04 21:55:21 +0200 |
| commit | 1e14a1101933dcfec3f357c590a455649db375ff (patch) | |
| tree | 1edf1f49adc1ce3fc107ac5bba86589efac60983 /apps/Notes/styles/_listItem.scss | |
| parent | 6c54c9d57d5fa4c52aa454ed3ca09060b0674ad3 (diff) | |
| download | my_apps-1e14a1101933dcfec3f357c590a455649db375ff.tar.gz my_apps-1e14a1101933dcfec3f357c590a455649db375ff.tar.bz2 my_apps-1e14a1101933dcfec3f357c590a455649db375ff.zip | |
add mobile styles
Diffstat (limited to 'apps/Notes/styles/_listItem.scss')
| -rw-r--r-- | apps/Notes/styles/_listItem.scss | 34 |
1 files changed, 22 insertions, 12 deletions
diff --git a/apps/Notes/styles/_listItem.scss b/apps/Notes/styles/_listItem.scss index 5e7376f..fcee9aa 100644 --- a/apps/Notes/styles/_listItem.scss +++ b/apps/Notes/styles/_listItem.scss @@ -23,24 +23,34 @@ opacity: 0; font-size: 80%; transition: .3s opacity linear .3s; + + @media(max-width: 40em) { + display: none; + } } } + + &:nth-of-type(n+2) span { + padding-right: .5em; + } } - &:hover { - background: var(--color-window-menu-alt); - border-radius: .5em; - // cursor: pointer; + @media(hover: hover) { + &:hover { + background: var(--color-window-menu-alt); + border-radius: .5em; + // cursor: pointer; - & > td:first-of-type > span:nth-child(n+2){ - color: var(--color-window-buttons); - visibility: visible; - opacity: 1; + & > td:first-of-type > span:nth-child(n+2){ + color: var(--color-window-buttons); + visibility: visible; + opacity: 1; + } } - } - & > td:first-of-type > span:nth-child(n+2):hover { - color: var(--color-text-alt); - background-color: var(--color-glass); + & > td:first-of-type > span:nth-child(n+2):hover { + color: var(--color-text-alt); + background-color: var(--color-glass); + } } } |