From 4c2425fe256dce0b9f45cd0a23268a92ab028695 Mon Sep 17 00:00:00 2001 From: Davinder Singh Date: Tue, 24 Sep 2024 12:53:17 +0100 Subject: [PATCH] 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 --- .../stylesheets/bootstrap-5/components/badge.scss | 8 ++++++++ .../stylesheets/bootstrap-5/pages/website-redesign.scss | 4 ++++ 2 files changed, 12 insertions(+) diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss b/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss index 53ebcee27b..0c1178dd50 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss @@ -85,3 +85,11 @@ $max-width: 160px; height: var(--spacing-04); 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); +} diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss index 813c5410a6..e4d1d21ea9 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss @@ -40,4 +40,8 @@ --bs-card-spacer-y: var(--spacing-08); --bs-card-spacer-x: var(--spacing-08); } + + .badge-premium { + --badge-font-weight: 600; + } }