mirror of https://github.com/lxndrblz/anatole.git

alexanderdavide
11.39.2022 f54c11e5c8eb981bed3084cf5b28ff153e302c59
refactor: post__content as mobile first
1 files modified
46 ■■■■■ changed files
assets/scss/partials/components/_post.scss 46 ●●●●● patch | view | raw | blame | history
assets/scss/partials/components/_post.scss
@@ -75,20 +75,24 @@
      margin: 0;
      text-align: center;
      &.big {
        max-width: 100vw;
      }
      &.right {
        float: right;
        margin-left: 1.5em;
        max-width: 50%;
        @include desktop {
          float: right;
          margin-left: 1.5em;
          max-width: 50%;
        }
      }
      &.left {
        float: left;
        margin-right: 1.5em;
        max-width: 50%;
      }
      &.big {
        max-width: 100vw;
        @include desktop {
          float: left;
          margin-right: 1.5em;
          max-width: 50%;
        }
      }
    }
  }
@@ -155,25 +159,3 @@
    }
  }
}
@media screen and (max-width: 960px) {
  .post {
    figure {
      max-width: 100%;
      height: auto;
      margin: 0;
      text-align: center;
      &.right {
        float: unset;
        max-width: 100%;
        margin: 0;
      }
      &.left {
        float: unset;
        max-width: 100%;
        margin: 0;
      }
    }
  }
}