Updated typography, flexbox, and variables

9itish · Nov 29, 2024 · ff18dbb · ff18dbb
1 parent e8df6ff
commit ff18dbb
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 117 deletions.
diff --git a/css/neatu.css b/css/neatu.css
@@ -1,10 +1,4 @@
 :root {
-  --n-base-unit: 1rem;
-  --n-base-font-size: 1rem;
-  --n-base-padding: 0.1rem;
-  --n-base-margin: 0.1rem;
-  --n-border-width: 1px;
-  --n-border-radius: 0.2em;
   --n-green-color: #4CAF50;
   --n-red-color: #E53935;
   --n-orange-color: #F57C00;
@@ -36,7 +30,7 @@
   :root {
     --n-base-padding: 0.18rem;
     --n-base-margin: 0.18rem;
-    --n-root-font-size: 1rem;
+    --n-base-font-size: 1rem;
   }
 }
 @media (min-width: 992px) {
@@ -49,7 +43,7 @@
   :root {
     --n-base-padding: 0.24rem;
     --n-base-margin: 0.24rem;
-    --n-root-font-size: 1.1rem;
+    --n-base-font-size: 1.1rem;
   }
 }
 @media (min-width: 1400px) {
@@ -180,92 +174,6 @@ html {
   gap: var(--n-base-gap);
 }
 
-.n-flex-fw .n-fw {
-  -webkit-box-flex: 1;
-      -ms-flex: auto;
-          flex: auto;
-}
-
-.n-w-5 {
-  width: 5%;
-}
-
-.n-w-10 {
-  width: 10%;
-}
-
-.n-w-15 {
-  width: 15%;
-}
-
-.n-w-20 {
-  width: 20%;
-}
-
-.n-w-25 {
-  width: 25%;
-}
-
-.n-w-30 {
-  width: 30%;
-}
-
-.n-w-35 {
-  width: 35%;
-}
-
-.n-w-40 {
-  width: 40%;
-}
-
-.n-w-45 {
-  width: 45%;
-}
-
-.n-w-50 {
-  width: 50%;
-}
-
-.n-w-55 {
-  width: 55%;
-}
-
-.n-w-60 {
-  width: 60%;
-}
-
-.n-w-65 {
-  width: 65%;
-}
-
-.n-w-70 {
-  width: 70%;
-}
-
-.n-w-75 {
-  width: 75%;
-}
-
-.n-w-80 {
-  width: 80%;
-}
-
-.n-w-85 {
-  width: 85%;
-}
-
-.n-w-90 {
-  width: 90%;
-}
-
-.n-w-95 {
-  width: 95%;
-}
-
-.n-w-100 {
-  width: 100%;
-}
-
 .n-gap-x1 {
   gap: calc(var(--n-base-unit) * 0.2);
 }
@@ -903,6 +811,12 @@ html {
     width: 100%;
   }
 }
+.n-flex-fw .n-fw {
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+}
+
 .txt-center {
   text-align: center;
 }
@@ -966,7 +880,7 @@ ul {
 code {
   background: #E0E0E0;
   display: inline-block;
-  padding: 0 0.2rem;
+  padding: calc(var(--n-base-padding) * 4);
 }
 
 .t-em {

diff --git a/css/neatu.css.map b/css/neatu.css.map
diff --git a/css/neatu.min.css b/css/neatu.min.css
diff --git a/css/neatu.min.css.map b/css/neatu.min.css.map
diff --git a/scss/_flexbox.scss b/scss/_flexbox.scss
@@ -73,16 +73,6 @@
     gap: var(--n-base-gap);
 }
 
-.n-flex-fw .n-fw {
-    flex: auto;
-}
-
-@for $i from 1 through 20 {
-    .n-w-#{$i*5} {
-        width: $i * 5%;
-    }
-}
-
 @for $i from 1 through 5 {
     .n-gap-x#{$i} {
         gap: calc(var(--n-base-unit)*($i / 5));
@@ -291,3 +281,7 @@
     }
 }
 
+.n-flex-fw .n-fw {
+    flex: auto;
+}
+
diff --git a/scss/_typography.scss b/scss/_typography.scss
@@ -32,7 +32,7 @@ ul {
 code {
     background: #E0E0E0;
     display: inline-block;
-    padding: 0 0.2rem;
+    padding: calc(var(--n-base-padding) * 4);
 }
 
 .t-em {

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -25,12 +25,6 @@ $fractional-widths: (
 );
 
 :root {
-    --n-base-unit: 1rem;
-    --n-base-font-size: 1rem;
-    --n-base-padding: 0.1rem;
-    --n-base-margin: 0.1rem;
-    --n-border-width: 1px;
-    --n-border-radius: 0.2em;
     --n-green-color: #4CAF50;
     --n-red-color: #E53935;
     --n-orange-color: #F57C00;
@@ -60,7 +54,7 @@ $fractional-widths: (
     :root {
         --n-base-padding: 0.18rem;
         --n-base-margin: 0.18rem;
-        --n-root-font-size: 1rem;
+        --n-base-font-size: 1rem;
     }
 }
 
@@ -75,7 +69,7 @@ $fractional-widths: (
     :root {
         --n-base-padding: 0.24rem;
         --n-base-margin: 0.24rem;
-        --n-root-font-size: 1.1rem;
+        --n-base-font-size: 1.1rem;
     }
 }