From 6c54c9d57d5fa4c52aa454ed3ca09060b0674ad3 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Sat, 4 Sep 2021 11:20:34 +0200
Subject: split scss into partials

---
 apps/Notes/styles/_listItem.scss | 46 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 apps/Notes/styles/_listItem.scss

(limited to 'apps/Notes/styles/_listItem.scss')

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);
+  }
+}
-- 
cgit v1.2.3