Add VSCode settings for Live Sass Compile configuration

- Configure Live Sass Compile to output compressed CSS
- Enable source map generation and autoprefixing
- Set the watch on launch option
- Include custom SCSS file for compilation

.vscode/settings.json

@@ -0,0 +1,17 @@
+{
+  "liveSassCompile.settings.formats": [
+    {
+      "format": "compressed",
+      "extensionName": ".css",
+      "savePath": "",
+      "savePathSegmentKeys": null,
+      "savePathReplaceSegmentsWith": null
+    }
+  ],
+  "liveSassCompile.settings.generateMap": true,
+  "liveSassCompile.settings.autoprefix": "defaults",
+  "liveSassCompile.settings.watchOnLaunch": true,
+  "liveSassCompile.settings.includeItems": [
+    "/wp-content/themes/skysafe/css/custom.scss"
+  ]
+}

wp-content/themes/skysafe/css/custom.scss

@@ -8,7 +8,8 @@ $cRed: #ff475d;
 $cBlack: #141414;
 $cWhite: #ffffff;
 
-$fArticulatCF: 'Articulat CF', sans-serif;
+$fArticulatCF: 'Articulat CF',
+sans-serif;
 
 * {
   box-sizing: border-box;
@@ -92,24 +93,33 @@ input[type='checkbox'] {
   padding-left: 15px;
   padding-right: 15px;
 
-	@each $breakpoint, $max in $container-max-widths {
+  @each $breakpoint,
+  $max in $container-max-widths {
     @if $breakpoint==sm {
       @media (min-width: 576px) {
         max-width: $max;
       }
-		} @else if $breakpoint==md {
+    }
+
+    @else if $breakpoint==md {
       @media (min-width: 768px) {
         max-width: $max;
       }
-		} @else if $breakpoint==lg {
+    }
+
+    @else if $breakpoint==lg {
       @media (min-width: 992px) {
         max-width: $max;
       }
-		} @else if $breakpoint==xl {
+    }
+
+    @else if $breakpoint==xl {
       @media (min-width: 1200px) {
         max-width: $max;
       }
-		} @else if $breakpoint==xxl {
+    }
+
+    @else if $breakpoint==xxl {
       @media (min-width: 1400px) {
         max-width: $max;
       }
@@ -740,8 +750,7 @@ section#zarezerwuj-miejsce {
                     padding: 5px 15px;
                   }
 
-									&.wpcf7-date {
+                  &.wpcf7-date {}
-									}
 
                   &.wpcf7-submit {
                     @extend .btn-1;
@@ -749,7 +758,7 @@ section#zarezerwuj-miejsce {
                   }
 
                   &:focus {
-										+ p {
+                    +p {
                       top: -7px;
                       font-size: 10px;
                       padding: 3px 10px;
@@ -758,7 +767,7 @@ section#zarezerwuj-miejsce {
 
                   &.wpcf7-text {
                     &:not(:placeholder-shown) {
-											~ p {
+                      ~p {
                         top: -7px;
                         font-size: 10px;
                         padding: 3px 10px;
@@ -767,7 +776,7 @@ section#zarezerwuj-miejsce {
                   }
 
                   &.wpcf7-date {
-										~ p {
+                    ~p {
                       top: -7px;
                       font-size: 10px;
                       padding: 3px 10px;
@@ -1051,6 +1060,7 @@ body.page-id-23 {
               }
             }
           }
+
           .tile-img {
             grid-column-start: 1;
             grid-column-end: 4;
@@ -1083,6 +1093,7 @@ body.page-id-23 {
             @include respond-below(lg) {
               grid-column-end: 3;
             }
+
             @include respond-below(sm) {
               flex-direction: column-reverse;
               row-gap: 24px;
@@ -1543,6 +1554,7 @@ body.page-id-3 {
   .xdsoft_timepicker {
     width: calc(100% - 8px);
   }
+
   .xdsoft_prev,
   .xdsoft_next {
     left: 50%;
@@ -1550,3 +1562,15 @@ body.page-id-3 {
     transform: translateX(-50%);
   }
 }
+
+#menu-item-126 {
+  a {
+    text-align: center;
+
+    span {
+      color: #e5ff03;
+      font-size: 14px;
+      font-weight: normal;
+    }
+  }
+}