run linter

frontend/src/components/activity/CardContentNode.vue

@@ -114,13 +114,17 @@ export default {
   opacity: 0;
   width: 0px !important;
 
-  transition: opacity 0.2s linear, width 0.3s steps(1, end);
+  transition:
+    opacity 0.2s linear,
+    width 0.3s steps(1, end);
 }
 .v-card:hover:deep(button.visible-on-hover),
 .v-card:hover:deep(button.tooltip-activator) {
   opacity: 1;
   width: 36px !important;
 
-  transition: opacity 0.2s linear, width 0.3s steps(1, start);
+  transition:
+    opacity 0.2s linear,
+    width 0.3s steps(1, start);
 }
 </style>

frontend/src/components/print/configurator/PagesConfig.vue

@@ -140,21 +140,27 @@ export default {
   &:after {
     rotate: 3deg;
     transform-origin: 70% 70%;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+    box-shadow:
+      0 1px 3px rgba(0, 0, 0, 0.12),
+      0 1px 2px rgba(0, 0, 0, 0.24);
   }
 
   &:before {
     rotate: -2deg;
     transform-origin: 90% center;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+    box-shadow:
+      0 1px 3px rgba(0, 0, 0, 0.12),
+      0 1px 2px rgba(0, 0, 0, 0.24);
   }
 }
 
 .e-pages-config__inner {
   position: relative;
   aspect-ratio: var(--aspect);
   background: white;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12),
+    0 1px 2px rgba(0, 0, 0, 0.24);
 }
 
 .e-pages-config__scroller {

frontend/src/components/program/picasso/Picasso.vue

@@ -406,7 +406,9 @@ export default {
       z-index: 2;
       min-width: fit-content;
       overflow: hidden;
-      box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
+      box-shadow:
+        rgba(0, 0, 0, 0.1) 0 4px 6px -1px,
+        rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
     }
 
     .v-calendar-daily__pane,

frontend/src/views/PageNotFound.vue

@@ -63,16 +63,22 @@ export default {
   background-blend-mode: screen;
   background-size: contain, 1470px;
   background-repeat: no-repeat, repeat-x;
-  background-position: bottom, center top;
+  background-position:
+    bottom,
+    center top;
   animation: 350s linear infinite sky-translate;
 }
 
 @keyframes sky-translate {
   0% {
-    background-position: bottom, calc(50% + 120px) top;
+    background-position:
+      bottom,
+      calc(50% + 120px) top;
   }
   100% {
-    background-position: top, calc(50% + 120px - 1780px) top;
+    background-position:
+      top,
+      calc(50% + 120px - 1780px) top;
   }
 }
 

frontend/src/views/camp/Invitation.vue

@@ -216,7 +216,9 @@ export default {
   background-blend-mode: screen;
   background-size: contain, 1470px;
   background-repeat: no-repeat, repeat-x;
-  background-position: bottom, center top;
+  background-position:
+    bottom,
+    center top;
 }
 
 .hill {
@@ -234,7 +236,10 @@ export default {
   display: grid;
   justify-items: center;
   align-content: center;
-  background-position: bottom center, bottom 58% left -5%, bottom 58% right -5%;
+  background-position:
+    bottom center,
+    bottom 58% left -5%,
+    bottom 58% right -5%;
 }
 
 @media #{map-get($display-breakpoints, 'sm-and-up')} {
@@ -249,20 +254,29 @@ export default {
       url(../../assets/invitation/edge-right.svg);
     grid-template-rows: auto 1fr auto 1fr auto;
     background-size: auto, min(40%, 800px), min(40%, 800px);
-    background-position: bottom center, bottom 54% left, bottom 54% right;
+    background-position:
+      bottom center,
+      bottom 54% left,
+      bottom 54% right;
   }
 }
 
 @media #{map-get($display-breakpoints, 'md-and-up')} {
   .hill {
     transition: background-position 0.5s ease-in-out;
-    background-position: bottom center, bottom 55% left, bottom 55% right;
+    background-position:
+      bottom center,
+      bottom 55% left,
+      bottom 55% right;
   }
 }
 
 @media #{map-get($display-breakpoints, 'lg-and-up')} {
   .hill {
-    background-position: bottom center, bottom 56% left, bottom 56% right;
+    background-position:
+      bottom center,
+      bottom 56% left,
+      bottom 56% right;
   }
 }
 
@@ -309,7 +323,9 @@ export default {
   color: white;
   display: grid;
   border-radius: 4px;
-  box-shadow: inset -1px -2px 2px #6d340a, inset 0px 3px 1px #e7c29f;
+  box-shadow:
+    inset -1px -2px 2px #6d340a,
+    inset 0px 3px 1px #e7c29f;
   margin: 0 16px;
   position: relative;
   text-shadow: -1px -1px 1px #5d2f0c;
@@ -353,7 +369,11 @@ export default {
     linear-gradient(90deg, #583c175c, #c1916054, #5f401712),
     linear-gradient(309deg, #552302, transparent, #552302, transparent, #552302),
     linear-gradient(319deg, #efd0b3, #c19160);
-  background-size: cover, cover, 10px 12px, cover;
+  background-size:
+    cover,
+    cover,
+    10px 12px,
+    cover;
   background-repeat: repeat;
   background-blend-mode: multiply, normal, normal, normal;
 }
@@ -404,17 +424,27 @@ export default {
   inset: 0;
   background-image: url('../../assets/invitation/tree-left.svg'),
     url('../../assets/invitation/tree-right.svg');
-  background-position: left bottom, right bottom;
+  background-position:
+    left bottom,
+    right bottom;
   transition: background-size 0.5s ease;
-  background-size: auto 40%, auto 65%;
+  background-size:
+    auto 40%,
+    auto 65%;
   @media #{map-get($display-breakpoints, 'sm-and-up')} {
-    background-size: auto 44%, auto 65%;
+    background-size:
+      auto 44%,
+      auto 65%;
   }
   @media #{map-get($display-breakpoints, 'md-and-up')} {
-    background-size: auto 49%, auto 75%;
+    background-size:
+      auto 49%,
+      auto 75%;
   }
   @media #{map-get($display-breakpoints, 'lg-and-up')} {
-    background-size: auto 100%, auto 90%;
+    background-size:
+      auto 100%,
+      auto 90%;
   }
 }
 </style>

print/assets/variables.scss

@@ -3,5 +3,10 @@
 // The variables you want to modify
 // $font-size-root: 20px;
 
-$body-font-family: 'InterDisplay', Helvetica Neue, Helvetica, Arial, sans-serif;
+$body-font-family:
+  'InterDisplay',
+  Helvetica Neue,
+  Helvetica,
+  Arial,
+  sans-serif;
 $font-size-root: 10pt;