feat: update media

jglchen · Oct 14, 2018 · 1a8556a · 1a8556a
1 parent 1e98e6e
commit 1a8556a
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 12 deletions.
diff --git a/_sass/common/classes/_media.scss b/_sass/common/classes/_media.scss
@@ -2,7 +2,7 @@
   @if $breakpoints == default {
     $breakpoints: $responsive;
   }
-  @media screen and (max-width: map-get($breakpoints, $name)) {
+  @media screen and (max-width: map-get($breakpoints, $name) - 1) {
     @content;
   }
 }

diff --git a/_sass/common/components/_hero.scss b/_sass/common/components/_hero.scss
@@ -50,7 +50,7 @@
 .hero__content {
   margin: map-get($spacers, 5);
   @include media-breakpoint-down(lg) {
-    margin: map-get($spacers, 5) map-get($spacers, 3);
+    margin: map-get($spacers, 5) map-get($spacers, 4);
   }
   @include media-breakpoint-down(md) {
     margin: map-get($spacers, 4) map-get($spacers, 3);

diff --git a/_sass/common/components/_item.scss b/_sass/common/components/_item.scss
@@ -11,19 +11,17 @@
 
 .item__image {
   margin-right: map-get($spacers, 3);
-  @include media-breakpoint-down(md) {
-    margin-right: 0;
-  }
-  @include media-breakpoint-up(md) {
-    & + .item__content {
+  & + .item__content {
+    & > :first-child {
+      margin-top: 0;
       & > :first-child {
         margin-top: 0;
-        & > :first-child {
-          margin-top: 0;
-        }
       }
     }
   }
+  @include media-breakpoint-down(md) {
+    margin-right: 0;
+  }
 }
 
 .item__content {

diff --git a/docs/_posts/2017-08-01-media.md b/docs/_posts/2017-08-01-media.md
@@ -3,7 +3,6 @@ title: TeXt - Media
 key: 20170802
 tags: TeXt
 toc: true
-category: post
 ---
 
 With the help of plugins for media, you can easily add **audio**, **video** and **slides** in your posts.

diff --git a/docs/_posts/2017-08-08-additional-styles.md b/docs/_posts/2017-08-08-additional-styles.md
@@ -3,7 +3,6 @@ title: TeXt - Additional Styles
 key: 20170808
 tags: TeXt
 toc: true
-category: post
 ---
 
 Success!