Structure of the pomodoros counter done

2025-10-12 23:52:30 +00:00 · 2021-09-20 20:29:18 -03:00
parent a9e9e1483e
commit b20c2ed18d
7 changed files with 105 additions and 1 deletions
--- a/public/sass_styles/_pomodoro-counter.scss
+++ b/public/sass_styles/_pomodoro-counter.scss
@@ -0,0 +1,45 @@
+.pomodoro-counter {
+
+
+    position: absolute;
+    top: 29vh;
+
+    ul {
+
+        li {
+            display: flex;
+
+            @include bodyFont;
+
+            list-style-type: none;
+            margin-top: 2vh;
+
+            font-size: 15pt;
+
+            color: #00000070;
+
+            .separator {
+                user-select: none;
+                margin: 0px 0.5vw;
+            }
+            
+            .quantity {
+                @include titleFont;
+
+                user-select: none;
+                
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                
+                height: 30px;
+                width: 30px;
+
+                border-radius: 100%;
+
+                color: $second-color;
+                background-color: $light-color;
+            }
+        }
+    }
+}