refactor: footer

Alexander Bilz

11.07.2022 bf717c7a1c998712df1a644d3e7a6a131420291e

refactor: footer

 assets/scss/modules/_config.scss

@@ -1,3 +1,4 @@

@mixin desktop {
  @media screen and (min-width: 961px) {
    @content;
@@ -9,3 +10,9 @@
    @content;
  }
}

@mixin print {
  @media print {
    @content;
  }
}

 assets/scss/partials/components/_footer.scss

@@ -20,18 +20,23 @@
    content: '\00B7';
    padding: 4px;
  }
}
@media screen and (min-width: 961px), print {
  .footer {
    &--base {

  &__sidebar {
    display: none;
    @include desktop{
      display: inline-block;
    }
    @include print{
      display: inline-block;
    }
  }

  &__base {
    @include desktop{
      display: none;
    }
    @include print{
      display: none;
    }
  }
}
@media screen and (max-width: 960px) {
  .footer {
    &--sidebar {
      display: none;
    }
  }
}

 layouts/partials/footer.html

@@ -1,4 +1,4 @@
<footer class="footer footer--{{ .footerClassModifier }}">
<footer class="footer footer__{{ .footerClassModifier }}">
  <ul class="footer__list">
    <li class="footer__item">
      &copy;