common/static/common/styles/_badge.sass

@@ -1,3 +1,10 @@
+.badge-card
+  +border-radius(lg)
+  border-bottom-left-radius: 0
+  border-bottom-right-radius: 0
+  display: flex
+  +padding(2, y)
+
 a.badge-tag
   --badge-color: var(--color-text-secondary)
   --badge-bg: var(--color-text-tertiary)
@@ -24,10 +31,3 @@ a.badge-tag
   &-disabled-by-staff,
   &-disabled-by-author
     @extend .badge-secondary
-
-.card-badge
-  +border-radius(lg)
-  border-bottom-left-radius: 0
-  border-bottom-right-radius: 0
-  display: flex
-  +padding(2, y)

common/static/common/styles/_cards.sass

@@ -1,6 +1,18 @@
 .card
   @extend .box
 
+  +media-sm
+    --cards-items-per-row: 2
+
+  +media-md
+    --cards-items-per-row: 3
+
+  +media-lg
+    --cards-items-per-row: 4
+
+.cards-item-content
+  overflow: hidden
+
 .crads-item-excerpt
   line-height: calc(24 / 18)
 
@@ -15,4 +27,3 @@
 
 .cards-item-title
   +padding(0, y)
-

common/static/common/styles/_extension.sass

@@ -167,17 +167,6 @@
       color: var(--color-text-secondary)
       +fw-normal
 
-.cards
-  +media-sm
-    --cards-items-per-row: 2
-  +media-md
-    --cards-items-per-row: 3
-  +media-lg
-    --cards-items-per-row: 4
-
-.cards-item-content
-  overflow: hidden
-
 .ext-list-details
   @extend .list-inline
 

common/static/common/styles/_utilities.sass

@@ -17,6 +17,7 @@
   &:hover
     cursor: move !important
 
+// TODO: move utilities 'fade' and 'show' to web-assets
 .fade
   opacity: 0
   // TODO: make variable 'transition-speed-slow' work

common/static/common/styles/main.sass

@@ -2,7 +2,7 @@
 $font-path: '/static/fonts'
 
 /* Import variables.*/
-$grid-breakpoints: (xs: 0,sm: 768px,md: 1020px,lg: 1220px,xl: 1380px,xxl: 1680px) !default
+$grid-breakpoints: (xs: 0,sm: 768px,md: 1020px,lg: 1220px,xl: 1380px,xxl: 1680px)
 
 $container-max-widths: (sm: 760px, md: 1020px, lg: 1070px, xl: 1320px, xxl: 1600px)
 $container-width: map-get($container-max-widths, 'xl')
@@ -40,7 +40,7 @@ $container-width: map-get($container-max-widths, 'xl')
   +media-xs
     width: 60px
 
-/* Temporarily here until it can be moved to web-assets v2. */
+/* TODO: temporarily here until it can be moved to web-assets v2. */
 .nav-global-links-right
   gap: 0 var(--spacer-2)
   .navbar-search

extensions/templates/extensions/components/extension_edit_detail_card.html

@@ -4,7 +4,7 @@
 <section class="ext-detail-info">
   <div class="card p-0">
     {% if is_initial %}
-    <div class="badge badge-info card-badge">
+    <div class="badge badge-card badge-info">
       Information retrieved from manifest
     </div>
     {% else %}