Fix bold in cards

LinwoodDev · Mar 17, 2024 · 315549c · 315549c
1 parent 68d2d20
commit 315549c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/packages/docs/src/pages/index.astro b/packages/docs/src/pages/index.astro
@@ -123,31 +123,31 @@ import Layout from "../layouts/Layout.astro";
       <button class="card fill no-decoration p-xs">Button</button>
       <ul class="row justify-center wrap gap-xl">
         <li>
-          <button class="card primary">
+          <button class="card primary bold">
             <p class="list-item-title">Item 1</p>
             <p class="list-item-description">Item 1 description</p>
           </button>
         </li>
         <li>
-          <button class="card secondary">
+          <button class="card secondary bold">
             <p class="list-item-title">Item 2</p>
             <p class="list-item-description">Item 2 description</p>
           </button>
         </li>
         <li>
-          <button class="card">
+          <button class="card bold">
             <p class="list-item-title">Item 3</p>
             <p class="list-item-description">Item 3 description</p>
           </button>
         </li>
         <li>
-          <button class="card fill">
+          <button class="card fill bold">
             <p class="list-item-title">Item 4</p>
             <p class="list-item-description">Item 4 description</p>
           </button>
         </li>
         <li>
-          <button class="card paper">
+          <button class="card paper bold">
             <p class="list-item-title">Item 5</p>
             <p class="list-item-description">Item 5 description</p>
           </button>

diff --git a/packages/web/package.json b/packages/web/package.json
@@ -2,7 +2,7 @@
   "name": "@linwooddev/style",
   "description": "",
   "main": "index.js",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "watch": "sass --watch scss/:css/",

diff --git a/packages/web/scss/_card.scss b/packages/web/scss/_card.scss
@@ -16,6 +16,9 @@
   color: colors.$background-text;
   font-weight: normal;
   text-align: left;
+  &.bold {
+    font-weight: bold;
+  }
   &.secondary {
     border-color: colors.$elevation;
   }

diff --git a/packages/web/scss/_typo.scss b/packages/web/scss/_typo.scss
@@ -136,6 +136,10 @@ hr, .v-divider {
   font-weight: bold;
 }
 
+.normal {
+  font-weight: normal;
+}
+
 .text {
   color: colors.$background-text;
 }