From 6de4135fa6b7f6f4674de4346c20813fc007e76b Mon Sep 17 00:00:00 2001
From: jordi fita mas <jordi@tandem.blog>
Date: Thu, 18 Jan 2024 21:10:54 +0100
Subject: [PATCH] Reformat numerus.css

---
 web/static/numerus.css | 101 ++++++++++++++++++++---------------------
 1 file changed, 50 insertions(+), 51 deletions(-)

diff --git a/web/static/numerus.css b/web/static/numerus.css
index 7167340..0a61a93 100644
--- a/web/static/numerus.css
+++ b/web/static/numerus.css
@@ -542,24 +542,24 @@ ul[role="menu"].action-menu li i[class^='ri-'] {
 /* menu tauler */
 
 #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a {
-  color: var(--numerus--text-color);
-  text-decoration: none;
-  transition: 0.25s ease;
+    color: var(--numerus--text-color);
+    text-decoration: none;
+    transition: 0.25s ease;
 }
 
 #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a {
-  color: #ccc;
+    color: #ccc;
 }
 
 #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a:hover {
-  color: var(--numerus--text-color);
-  text-decoration: none;
+    color: var(--numerus--text-color);
+    text-decoration: none;
 }
 
 
 #profile-menu summary:active, #profile-menu summary:active, ul[role="menu"].action-menu button:active, ul[role="menu"].action-menu a:active, body > nav ul:active li:active a:active {
-  color: var(--numerus--text-color);
-text-decoration: none;
+    color: var(--numerus--text-color);
+    text-decoration: none;
 }
 
 body > nav a[aria-current] {
@@ -10284,13 +10284,13 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
 }
 
 .header-web {
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid var(--numerus--color--black);
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid var(--numerus--color--black);
 }
 
 .menu a {
-  color: var(--numerus--font-family);
+    color: var(--numerus--font-family);
 }
 
 #login {
@@ -10306,7 +10306,6 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     padding: 5rem 0;
-    
 }
 
 .graella {
@@ -10389,72 +10388,72 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
 
 
 .descripcio {
-  display: flex;
-  gap: 5rem;
-  justify-content: space-around;
-  margin: 5rem 0;
+    display: flex;
+    gap: 5rem;
+    justify-content: space-around;
+    margin: 5rem 0;
 }
 
 .paragraf p {
-  margin: 15px 0;
-  max-width: 45%;
+    margin: 15px 0;
+    max-width: 45%;
 }
 
 .icon-list {
-  display: flex;
-  gap: 10px;
-  padding: 5px 0;
+    display: flex;
+    gap: 10px;
+    padding: 5px 0;
 }
 
 .icon-list svg {
-  width: 24px;
+    width: 24px;
 }
 
 .opensource {
-  display: flex;
-  justify-content: space-between;
-  gap: 5rem;
-  border-top: 1px solid var(--numerus--color--black);
+    display: flex;
+    justify-content: space-between;
+    gap: 5rem;
+    border-top: 1px solid var(--numerus--color--black);
 }
 
 .quadradet {
-  width: 17rem;
-  height: 17rem;
-  background: white;
+    width: 17rem;
+    height: 17rem;
+    background: white;
 }
 
 .llicencia {
-  max-width: 40%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 5rem;
-  margin: 17rem 0 0 0;
+    max-width: 40%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 5rem;
+    margin: 17rem 0 0 0;
 }
 
 .price-section {
-  display: flex;
-  justify-content: space-between;
-  gap: 5rem;
-  border-top: 1px solid var(--numerus--color--black);
-  padding: 5rem 0 0 0;
+    display: flex;
+    justify-content: space-between;
+    gap: 5rem;
+    border-top: 1px solid var(--numerus--color--black);
+    padding: 5rem 0 0 0;
 }
-  
+
 .price h3 {
-  font-size: 4rem;
+    font-size: 4rem;
 }
-  
+
 .price-detail {
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  align-items: center;
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+    align-items: center;
 }
 
 .footer-web {
-  border-top: 1px solid var(--numerus--color--black);
-  margin: 5rem 0;
-  padding: 5rem 0 0 0;
+    border-top: 1px solid var(--numerus--color--black);
+    margin: 5rem 0;
+    padding: 5rem 0 0 0;
 }
 
 /* web responsive */