Use bordered styles for coordinates-based event list only

City-of-Helsinki · Dec 11, 2024 · f77e5ff · f77e5ff
1 parent b9b00d3
commit f77e5ff
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css
diff --git a/src/scss/06_components/paragraphs/_event-list.scss b/src/scss/06_components/paragraphs/_event-list.scss
@@ -12,6 +12,15 @@ $tag-vertical-padding: 5px;
   @include component-side-padding;
 }
 
+.component--react-search.component--coordinates-based-event-list {
+  background-color: $color-white;
+}
+
+// Use experimental card border styles for this paragraph.
+.component--coordinates-based-event-list .card:not(.card--ghost) {
+  border: 2px solid $color-black-20;
+}
+
 .events-list__empty-subtext {
   margin-bottom: $spacing-and-half;
 }