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 /apps/Notes/styles/_listItem.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 'apps/Notes/styles/_listItem.scss')
| -rw-r--r-- | apps/Notes/styles/_listItem.scss | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/apps/Notes/styles/_listItem.scss b/apps/Notes/styles/_listItem.scss new file mode 100644 index 0000000..5e7376f --- /dev/null +++ b/apps/Notes/styles/_listItem.scss @@ -0,0 +1,46 @@ +.listItem { + td { + min-width: 10em; + white-space: nowrap; + + &:first-of-type { + width: 99%; + display: flex; + margin-right: 1em; + + & > span:nth-child(1) { + text-overflow: ellipsis; + overflow: hidden; + flex-grow: 1; + } + + & > span:nth-child(n+2){ + margin-left: .25em; + padding: .15em .5em; + line-height: 1em; + border-radius: 50%; + visibility: hidden; + opacity: 0; + font-size: 80%; + transition: .3s opacity linear .3s; + } + } + } + + &: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):hover { + color: var(--color-text-alt); + background-color: var(--color-glass); + } +} |