From 4ff6f03f347008464edd82f19d401b7ca30b19e9 Mon Sep 17 00:00:00 2001
From: LasseStaus <l.stausgaard@gmail.com>
Date: Wed, 3 Apr 2024 18:14:40 +0200
Subject: [PATCH] Add styling for OpeningHoursSkeleton

DDFFORM-417
---
 base.scss                                           |  1 +
 .../opening-hours/opening-hours-skeleton.scss       | 13 +++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 src/stories/Library/opening-hours/opening-hours-skeleton.scss

diff --git a/base.scss b/base.scss
index 80cdd4989..7af31f816 100644
--- a/base.scss
+++ b/base.scss
@@ -134,6 +134,7 @@
 @import "./src/stories/Library/material-grid/material-grid";
 @import "./src/stories/Library/error-message/error-message";
 @import "./src/stories/Library/opening-hours/opening-hours";
+@import "./src/stories/Library/opening-hours/opening-hours-skeleton";
 
 // Autosuggest block styling needs to be loaded before the rest of the scss for autosuggest
 @import "./src/stories/Blocks/autosuggest/autosuggest";
diff --git a/src/stories/Library/opening-hours/opening-hours-skeleton.scss b/src/stories/Library/opening-hours/opening-hours-skeleton.scss
new file mode 100644
index 000000000..7db963fed
--- /dev/null
+++ b/src/stories/Library/opening-hours/opening-hours-skeleton.scss
@@ -0,0 +1,13 @@
+.opening-hours {
+  .ssc-line {
+    height: $s-xl;
+  }
+  .ssc-line--odd {
+    opacity: 0.5;
+  }
+  .ssc-line-headline {
+    height: 26px;
+    margin-bottom: $s-md;
+    width: 100px;
+  }
+}