@festo-ui/web-essentials 3.0.0-pre-20220105.2 → 3.1.0

package/scss/_footer.scss

@@ -1,214 +0,0 @@
-footer.fwe-footer {
-  background-color: $background;
-  padding: $container-padding;
-
-  .fwe-footer-social-links {
-    height: 155px;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-
-    a {
-      display: block;
-      width: 64px;
-      height: 64px;
-      margin-right: 45px;
-
-      &:last-child {
-        margin-right: 0;
-      }
-
-      &:hover {
-        svg {
-          fill: $text;
-        }
-      }
-
-      svg {
-        width: 64px;
-        height: 64px;
-        fill: $border;
-      }
-    }
-  }
-
-  hr {
-    padding: 0;
-    margin: 0;
-    border: none;
-    border-top: 1px solid $border;
-  }
-
-  .fwe-footer-content {
-    padding-bottom: 60px;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-
-    details {
-      summary {
-        position: relative;
-        cursor: pointer;
-
-        &::before {
-          position: absolute;
-          right: 0;
-          top: 0;
-          content: "\e900";
-          font-family: $font-family-icons-16;
-          transform-origin: center center;
-          transform: rotate(180deg);
-        }
-      }
-    }
-
-    details[open] {
-      summary {
-        &::before {
-          transform: rotate(0deg);
-        }
-      }
-    }
-
-    .fwe-footer-content-group,
-    details {
-      flex-grow: 1;
-      width: 100%;
-      border-bottom: 1px solid $border;
-      padding-top: 30px;
-      padding-bottom: 30px;
-
-      .fwe-footer-content-group-title,
-      summary {
-        font-weight: $font-weight-bold;
-        outline: none;
-        margin-top: 30px;
-
-        &:first-child {
-          margin-top: 0;
-        }
-      }
-
-      summary {
-        list-style-type: none;
-
-        &::-webkit-details-marker {
-          display: none;
-        }
-      }
-
-      ul {
-        margin: 0;
-        margin-top: 20px;
-        padding: 0;
-        list-style-type: none;
-
-        li {
-          margin-bottom: 20px;
-
-          &:last-child {
-            margin-bottom: 0;
-          }
-
-          a {
-            color: $text;
-            text-decoration: none;
-
-            &:hover {
-              color: $hero;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .fwe-footer-muted {
-    display: flex;
-    color: $text;
-    font-size: $font-size-small;
-    padding-bottom: 15px;
-    padding-left: 30px;
-    padding-right: 30px;
-    justify-content: center;
-    flex-direction: column-reverse;
-
-    p {
-      margin: 0;
-      padding: 0;
-      padding-bottom: 15px;
-      text-align: center;
-    }
-
-    ul {
-      margin: 0;
-      padding: 0;
-      margin-bottom: 15px;
-      list-style-type: none;
-      display: flex;
-      justify-content: center;
-      flex-wrap: wrap;
-
-      li {
-        display: inline-block;
-        padding-right: 12px;
-        padding-bottom: 15px;
-
-        &:last-child {
-          padding-right: 0;
-        }
-
-        a {
-          color: $text;
-          text-decoration: none;
-
-          &:hover {
-            color: $hero;
-          }
-        }
-      }
-    }
-  }
-}
-
-$size: map-get($grid-breakpoints, "md");
-@media (min-width: $size) {
-  footer.fwe-footer {
-    .fwe-footer-content {
-      margin-top: 30px;
-      padding-left: 30px;
-      padding-right: 30px;
-
-      .fwe-footer-content-group,
-      details {
-        margin-top: 60px;
-        max-width: 325px;
-        padding-right: 30px;
-        border: none;
-        padding-top: 0;
-        padding-bottom: 0;
-
-        &:first-child {
-          border-top: none;
-        }
-      }
-    }
-
-    .fwe-footer-muted {
-      justify-content: start;
-      flex-direction: row;
-
-      p {
-        padding: 0;
-        text-align: left;
-      }
-
-      ul {
-        margin: 0;
-        margin-left: auto;
-        justify-content: start;
-      }
-    }
-  }
-}