Przeglądaj źródła

Premium Badge - BS5 migration (#20496)

* migrating premium badge to BS5 and changing the unit test

* fixing unit test

* using badge badge-prepend classes for the premium badge

* fixing unit test

* adding font-weight variable

* removing unused CSS

* adding aria-hidden

GitOrigin-RevId: a1ab2eeedd95ee500c21607abd09a0a8a07289f0
Davinder Singh 2 lat temu
rodzic
commit
4c2425fe25

+ 8 - 0
services/web/frontend/stylesheets/bootstrap-5/components/badge.scss

@@ -85,3 +85,11 @@ $max-width: 160px;
   height: var(--spacing-04);
   height: var(--spacing-04);
   border-radius: 50%;
   border-radius: 50%;
 }
 }
+
+.badge-premium {
+  background-color: var(--neutral-20);
+  color: var(--neutral-90);
+  vertical-align: middle;
+  margin-left: 5px;
+  font-weight: var(--badge-font-weight);
+}

+ 4 - 0
services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss

@@ -40,4 +40,8 @@
     --bs-card-spacer-y: var(--spacing-08);
     --bs-card-spacer-y: var(--spacing-08);
     --bs-card-spacer-x: var(--spacing-08);
     --bs-card-spacer-x: var(--spacing-08);
   }
   }
+
+  .badge-premium {
+    --badge-font-weight: 600;
+  }
 }
 }