Fix SCSS styling

Luiz F. A. de Prá

19.19.2021 e0988ee1e2c2eab690cd9dc4c0046ae5d9212b87

 assets/scss/_navigation.scss

@@ -1,18 +1,19 @@
.navigation {
  height: 6.0rem;
  height: 6rem;
  width: 100%;
  a, span {
  a,
  span {
    display: inline;
    font-size: 1.7rem;
    font-family: $font-family;
    font-weight: 600;
    line-height: 6.0rem;
    line-height: 6rem;
    color: $fg-color;
  }
  a {
    &:hover,
    &:focus {
      color: $link-color
      color: $link-color;
    }
  }
  .navigation-title {
@@ -24,9 +25,9 @@
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    @media only screen and (max-width : 768px) {
    @media only screen and (max-width: 768px) {
      position: absolute;
      top: 6.0rem;
      top: 6rem;
      right: 0;
      z-index: 5;
      visibility: hidden;
@@ -43,27 +44,29 @@
      float: left;
      margin: 0;
      position: relative;
      @media only screen and (max-width : 768px) {
      @media only screen and (max-width: 768px) {
        float: none !important;
        text-align: center;
        a, span {
          line-height: 5.0rem;
        a,
        span {
          line-height: 5rem;
        }
      }
      a, span {
        margin-left: 1.0rem;
        margin-right: 1.0rem;
      a,
      span {
        margin-left: 1rem;
        margin-right: 1rem;
      }
    }
    .separator {
      @media only screen and (max-width : 768px) {
      @media only screen and (max-width: 768px) {
        display: none;
      }
    }
    .menu-separator {
      @media only screen and (max-width : 768px) {
      @media only screen and (max-width: 768px) {
        border-top: 2px solid $fg-color;
        margin: 0 8.0rem;
        margin: 0 8rem;
        span {
          display: none;
        }
@@ -81,7 +84,7 @@
  }
  #menu-toggle {
    display: none;
    @media only screen and (max-width : 768px) {
    @media only screen and (max-width: 768px) {
      &:checked + label > i {
        color: $alt-bg-color;
      }
@@ -94,7 +97,7 @@
  }
  .menu-button {
    display: none;
    @media only screen and (max-width : 768px) {
    @media only screen and (max-width: 768px) {
      display: block;
      margin: 1.8rem 0;
      font-size: 2.4rem;
@@ -102,7 +105,8 @@
    }

    i {
      &:hover, &:focus {
      &:hover,
      &:focus {
        color: $alt-fg-color;
      }
    }