@festo-ui/web-essentials 4.0.3-pre-20221213.1 → 5.0.0-dev.102

package/dist/scss/organisms/_footer.scss

@@ -1,142 +1,142 @@
-footer.fwe-footer {
-  .fwe-social-media {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    padding: 24px 0px;
-    border-bottom: 1px solid $control-border-darker;
-    margin-bottom: 24px;
-
-    .fwe-social-media-link {
-      display: block;
-      width: 32px;
-      height: 32px;
-      border-radius: $border-radius-s;
-      margin-right: 24px;
-      opacity: 0.3;
-      transition: opacity 0.3s;
-
-      &:last-child {
-        margin-right: 0px;
-      }
-
-      &:hover {
-        opacity: 1;
-      }
-    }
-  }
-  .fwe-footer-details {
-    padding-bottom: 24px;
-    border-bottom: 1px solid $control-border-darker;
-
-    h4 {
-      font-size: 16px;
-      line-height: 24px;
-      font-weight: $font-weight-bold;
-      list-style-type: none;
-      position: relative;
-      margin-top: 0px;
-      margin-bottom: 12px;
-    }
-
-    ul.fwe-list-group {
-      .fwe-list-group-item {
-        padding-left: 0px;
-      }
-    }
-
-    p {
-      padding-top: 8px;
-      max-width: 320px;
-    }
-
-    &:not(:first-child) {
-      margin-top: 24px;
-    }
-  }
-  .fwe-bottomline {
-    font-size: $font-size-small;
-    padding-top: 24px;
-    text-align: center;
-
-    .fwe-sitelinks {
-      order: 2;
-
-      .fwe-sitelinks-groupa {
-        padding-bottom: 8px;
-
-        a {
-          color: $control-border-darker;
-          padding-right: 8px;
-
-          &:last-child {
-            padding-right: 0px;
-          }
-        }
-      }
-
-      .fwe-sitelinks-groupb {
-        padding-bottom: 24px;
-
-        a {
-          color: $control-border-darker;
-          padding-right: 8px;
-
-          &:last-child {
-            padding-right: 0px;
-          }
-        }
-      }
-    }
-    .fwe-copyright {
-      display: flex;
-      order: 1;
-      justify-content: center;
-      padding-bottom: 24px;
-      color: $control-border-darker;
-    }
-  }
-}
-
-@media only screen and (min-width: $grid-breakpoint-lg) {
-  footer.fwe-footer {
-    .fwe-footer-details {
-      border-bottom: none;
-      h4 {
-        margin-top: 24px;
-      }
-      &:not(:first-child) {
-        margin-top: 0px;
-      }
-    }
-    .fwe-bottomline {
-      font-size: $font-size-small;
-      padding-top: 24px;
-      text-align: left;
-      display: flex;
-      .fwe-sitelinks {
-        text-align: right;
-        margin-left: auto;
-        display: flex;
-      }
-    }
-    .fwe-social-media {
-      margin-bottom: 0px;
-    }
-  }
-}
-
-@media only screen and (min-width: $grid-breakpoint-xl) {
-  footer.fwe-footer {
-    .fwe-social-media {
-      .fwe-social-media-link {
-        width: 64px;
-        height: 64px;
-        margin-right: 42px;
-        &:last-child {
-          margin-right: 0px;
-        }
-      }
-    }
-  }
-}
+footer.fwe-footer {
+  .fwe-social-media {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    padding: 24px 0px;
+    border-bottom: 1px solid $control-border-darker;
+    margin-bottom: 24px;
+
+    .fwe-social-media-link {
+      display: block;
+      width: 32px;
+      height: 32px;
+      border-radius: $border-radius-s;
+      margin-right: 24px;
+      opacity: 0.3;
+      transition: opacity 0.3s;
+
+      &:last-child {
+        margin-right: 0px;
+      }
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+  .fwe-footer-details {
+    padding-bottom: 24px;
+    border-bottom: 1px solid $control-border-darker;
+
+    h4 {
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: $font-weight-bold;
+      list-style-type: none;
+      position: relative;
+      margin-top: 0px;
+      margin-bottom: 12px;
+    }
+
+    ul.fwe-list-group {
+      .fwe-list-group-item {
+        padding-left: 0px;
+      }
+    }
+
+    p {
+      padding-top: 8px;
+      max-width: 320px;
+    }
+
+    &:not(:first-child) {
+      margin-top: 24px;
+    }
+  }
+  .fwe-bottomline {
+    font-size: $font-size-small;
+    padding-top: 24px;
+    text-align: center;
+
+    .fwe-sitelinks {
+      order: 2;
+
+      .fwe-sitelinks-groupa {
+        padding-bottom: 8px;
+
+        a {
+          color: $control-border-darker;
+          padding-right: 8px;
+
+          &:last-child {
+            padding-right: 0px;
+          }
+        }
+      }
+
+      .fwe-sitelinks-groupb {
+        padding-bottom: 24px;
+
+        a {
+          color: $control-border-darker;
+          padding-right: 8px;
+
+          &:last-child {
+            padding-right: 0px;
+          }
+        }
+      }
+    }
+    .fwe-copyright {
+      display: flex;
+      order: 1;
+      justify-content: center;
+      padding-bottom: 24px;
+      color: $control-border-darker;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-lg) {
+  footer.fwe-footer {
+    .fwe-footer-details {
+      border-bottom: none;
+      h4 {
+        margin-top: 24px;
+      }
+      &:not(:first-child) {
+        margin-top: 0px;
+      }
+    }
+    .fwe-bottomline {
+      font-size: $font-size-small;
+      padding-top: 24px;
+      text-align: left;
+      display: flex;
+      .fwe-sitelinks {
+        text-align: right;
+        margin-left: auto;
+        display: flex;
+      }
+    }
+    .fwe-social-media {
+      margin-bottom: 0px;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-xl) {
+  footer.fwe-footer {
+    .fwe-social-media {
+      .fwe-social-media-link {
+        width: 64px;
+        height: 64px;
+        margin-right: 42px;
+        &:last-child {
+          margin-right: 0px;
+        }
+      }
+    }
+  }
+}

package/dist/scss/organisms/_header-slider.scss

@@ -1,153 +1,153 @@
-.fwe-header-slider-container {
-  .fwe-header-slider-box {
-    height: 142px;
-    background-color: $hero;
-  }
-
-  .fwe-header-slider {
-    margin-top: -28px;
-    margin-left: 12px;
-    margin-right: 12px;
-  }
-}
-
-.fwe-header-slider {
-  display: flex;
-  flex-direction: column;
-  padding: 24px 28px;
-  background-color: $white;
-  border-radius: $border-radius-s;
-  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
-
-  .fwe-header-slider-content {
-    display: inline-flex;
-    flex-direction: column;
-
-    p {
-      text-overflow: ellipsis;
-      overflow: hidden;
-      display: -webkit-box !important;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-      white-space: normal;
-      margin: 0;
-    }
-
-    button.fwe-btn-hero {
-      margin-top: 24px;
-      justify-content: center;
-      margin-left: 18px;
-      margin-right: 18px;
-    }
-  }
-
-  .fwe-pagination {
-    align-self: center;
-    margin-top: 24px;
-  }
-
-  .fwe-header-slider-arrow-left,
-  .fwe-header-slider-arrow-right {
-    display: none;
-  }
-}
-
-@media only screen and (min-width: $grid-breakpoint-xs) {
-  .fwe-header-slider-container {
-    .fwe-header-slider-box {
-      height: 166px;
-    }
-  }
-}
-
-@media only screen and (min-width: $grid-breakpoint-sm) {
-  .fwe-header-slider-container {
-    .fwe-header-slider-box {
-      height: 341px;
-    }
-
-    .fwe-header-slider {
-      margin-top: -104px;
-    }
-  }
-}
-
-@media only screen and (min-width: $grid-breakpoint-md) {
-  .fwe-header-slider-container {
-    .fwe-header-slider-box {
-      height: 455px;
-    }
-
-    .fwe-header-slider {
-      position: relative;
-      margin-top: -104px;
-    }
-  }
-
-  .fwe-header-slider {
-    padding: 24px 112px;
-
-    .fwe-header-slider-content {
-      flex-direction: row;
-      align-items: center;
-
-      p {
-        -webkit-line-clamp: 3;
-      }
-
-      button.fwe-btn-hero {
-        justify-content: center;
-        margin-top: 0;
-        margin-left: 34px;
-        margin-right: 0;
-        min-width: 200px;
-      }
-    }
-
-    .fwe-header-slider-arrow-left,
-    .fwe-header-slider-arrow-right {
-      display: block;
-      position: absolute;
-      top: 50%;
-      margin-top: 12px;
-      transform: translateY(-50%);
-      height: 48px;
-      width: 48px;
-      font-size: 48px;
-    }
-
-    .fwe-header-slider-arrow-left {
-      left: 24px;
-    }
-
-    .fwe-header-slider-arrow-right {
-      right: 24px;
-    }
-  }
-}
-
-@media only screen and (min-width: $grid-breakpoint-xl) {
-  .fwe-header-slider-container {
-    .fwe-header-slider-box {
-      height: 640px;
-    }
-
-    .fwe-header-slider {
-      margin: auto;
-      margin-top: -104px;
-      width: 1096px;
-    }
-  }
-
-  .fwe-header-slider {
-    padding: 24px 160px;
-  }
-}
-
-@media only screen and (min-width: $grid-breakpoint-xxl) {
-  .fwe-header-slider-container {
-    .fwe-header-slider {
-      width: 1192px;
-    }
-  }
-}
+.fwe-header-slider-container {
+  .fwe-header-slider-box {
+    height: 142px;
+    background-color: $hero;
+  }
+
+  .fwe-header-slider {
+    margin-top: -28px;
+    margin-left: 12px;
+    margin-right: 12px;
+  }
+}
+
+.fwe-header-slider {
+  display: flex;
+  flex-direction: column;
+  padding: 24px 28px;
+  background-color: $white;
+  border-radius: $border-radius-s;
+  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
+
+  .fwe-header-slider-content {
+    display: inline-flex;
+    flex-direction: column;
+
+    p {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      display: -webkit-box !important;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      white-space: normal;
+      margin: 0;
+    }
+
+    button.fwe-btn-hero {
+      margin-top: 24px;
+      justify-content: center;
+      margin-left: 18px;
+      margin-right: 18px;
+    }
+  }
+
+  .fwe-pagination {
+    align-self: center;
+    margin-top: 24px;
+  }
+
+  .fwe-header-slider-arrow-left,
+  .fwe-header-slider-arrow-right {
+    display: none;
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-xs) {
+  .fwe-header-slider-container {
+    .fwe-header-slider-box {
+      height: 166px;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-sm) {
+  .fwe-header-slider-container {
+    .fwe-header-slider-box {
+      height: 341px;
+    }
+
+    .fwe-header-slider {
+      margin-top: -104px;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-md) {
+  .fwe-header-slider-container {
+    .fwe-header-slider-box {
+      height: 455px;
+    }
+
+    .fwe-header-slider {
+      position: relative;
+      margin-top: -104px;
+    }
+  }
+
+  .fwe-header-slider {
+    padding: 24px 112px;
+
+    .fwe-header-slider-content {
+      flex-direction: row;
+      align-items: center;
+
+      p {
+        -webkit-line-clamp: 3;
+      }
+
+      button.fwe-btn-hero {
+        justify-content: center;
+        margin-top: 0;
+        margin-left: 34px;
+        margin-right: 0;
+        min-width: 200px;
+      }
+    }
+
+    .fwe-header-slider-arrow-left,
+    .fwe-header-slider-arrow-right {
+      display: block;
+      position: absolute;
+      top: 50%;
+      margin-top: 12px;
+      transform: translateY(-50%);
+      height: 48px;
+      width: 48px;
+      font-size: 48px;
+    }
+
+    .fwe-header-slider-arrow-left {
+      left: 24px;
+    }
+
+    .fwe-header-slider-arrow-right {
+      right: 24px;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-xl) {
+  .fwe-header-slider-container {
+    .fwe-header-slider-box {
+      height: 640px;
+    }
+
+    .fwe-header-slider {
+      margin: auto;
+      margin-top: -104px;
+      width: 1096px;
+    }
+  }
+
+  .fwe-header-slider {
+    padding: 24px 160px;
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-xxl) {
+  .fwe-header-slider-container {
+    .fwe-header-slider {
+      width: 1192px;
+    }
+  }
+}