fix: move new styling into scss files

2024-11-25 20:47:18 +01:00
parent 22292e10ed
commit 52df85716b
10 changed files with 319 additions and 172 deletions
--- a/resources/assets/sass/components/_schedule.scss
+++ b/resources/assets/sass/components/_schedule.scss
@@ -1,6 +1,14 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;

+@keyframes tilt-shaking {
+    0% { transform: rotate(0deg); }
+   25% { transform: rotate(5deg); }
+   50% { transform: rotate(0deg); }
+   75% { transform: rotate(-5deg); }
+  100% { transform: rotate(0deg); }
+}
+
 #schedule {
  a {
    text-decoration: none;
@@ -32,4 +40,8 @@
      margin-right: 10px;
    }
  }
+
+  .onair {
+    animation: tilt-shaking 1s linear infinite;
+  }
 }