From 266db8ecaecabe148ecdccc5f11bd3b33189b482 Mon Sep 17 00:00:00 2001
From: ache <ache@ache.one>
Date: Mon, 18 Apr 2022 15:41:04 +0200
Subject: Notes implementations

---
 src/css/_notes.scss | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/css/_notes.scss

(limited to 'src/css/_notes.scss')

diff --git a/src/css/_notes.scss b/src/css/_notes.scss
new file mode 100644
index 0000000..f4260f3
--- /dev/null
+++ b/src/css/_notes.scss
@@ -0,0 +1,35 @@
+.list_notes {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: flex-start;
+  justify-content: space-around;
+  article {
+    transition: all .2s ease-in-out; 
+    color: #DDD;
+    margin: 0;
+    padding: 6px 8px;
+    border-radius: 7px;
+    background-color: #000000CA;
+    box-shadow:  2px 1px 1px 0px rgba(0, 0, 0, 0.2);
+    max-width: 215px;
+    font-size: 0.875rem;
+    cursor: pointer;
+    &:hover {
+      transform: scale(1.1) translate(0, -5px) rotate(-0.5deg);
+      box-shadow:  3px 3px 2px 1px rgba(0, 0, 0, 0.2);
+    }
+    h1 {
+      color: #EEE;
+      font-size: 1rem;
+      margin: 0;
+    }
+  }
+}
+tag {
+  background-color: #A8DC;
+  display: inline-block;
+  margin: 2px;
+  padding: 3px;
+  color: white;
+}
+
-- 
cgit v1.2.3