fix(Media queries DOC): Brought back media queries mixin links

TautvydasDerzinskas · Dec 3, 2017 · 5c3096b · 5c3096b
1 parent 1ae2a19
commit 5c3096b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 45 deletions.
diff --git a/README.md b/README.md
@@ -182,26 +182,13 @@ Usage:
 - `Variables:`
 > 🔖 `$usb-grid-breakpoints` - array holding breakpoints sizes (for default value look below)
 ```scss
-$usb-grid-breakpoints: (
-xs: 0,
-sm: 576px,
-md: 768px,
-lg: 992px,
-xl: 1200px,
-xxl: 1330px
-);
+$usb-grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1330px);
 ```
 
 Usage:
 ```scss
 .element {
-width: 100px;
-height: 100px;
-background-color: black;
-
-@include usb-media-xs() {
-background-color: white;
-};
+@include usb-media-xs() { background-color: white; };
 }
 ```
 

diff --git a/docs/features.md b/docs/features.md
@@ -128,26 +128,13 @@ Usage:
 - `Variables:`
 > 🔖 `$usb-grid-breakpoints` - array holding breakpoints sizes (for default value look below)
 ```scss
-$usb-grid-breakpoints: (
-xs: 0,
-sm: 576px,
-md: 768px,
-lg: 992px,
-xl: 1200px,
-xxl: 1330px
-);
+$usb-grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1330px);
 ```
 
 Usage:
 ```scss
 .element {
-width: 100px;
-height: 100px;
-background-color: black;
-
-@include usb-media-xs() {
-background-color: white;
-};
+@include usb-media-xs() { background-color: white; };
 }
 ```
 

diff --git a/src/_usb-mixins.scss b/src/_usb-mixins.scss
@@ -7,6 +7,7 @@
  * - [Flex order](#flex-order)
  * - [Gradient](#gradient)
  * - [Animation and keyframes](#animation-and-keyframes)
+ * - [Media queries](#media-queries)
  * - [Opacity](#opacity)
  * - [Parallax background](#parallax-background)
  * - [Placeholder](#placeholder)
@@ -21,6 +22,7 @@
 @import "mixins/usb-mixin-flex-order";
 @import "mixins/usb-mixin-gradient";
 @import "mixins/usb-mixin-keyframes";
+@import "mixins/usb-mixin-media";
 @import "mixins/usb-mixin-opacity";
 @import "mixins/usb-mixin-parallax-background";
 @import "mixins/usb-mixin-placeholder";

diff --git a/src/mixins/_usb-mixin-media.scss b/src/mixins/_usb-mixin-media.scss
@@ -5,26 +5,13 @@
  * - `Variables:`
  * > 🔖 `$usb-grid-breakpoints` - array holding breakpoints sizes (for default value look below)
  * ```scss
- * $usb-grid-breakpoints: (
- *  xs: 0,
- *  sm: 576px,
- *  md: 768px,
- *  lg: 992px,
- *  xl: 1200px,
- *  xxl: 1330px
- * );
+ * $usb-grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1330px);
  * ```
  *
  * Usage:
  * ```scss
  * .element {
- *   width: 100px;
- *   height: 100px;
- *   background-color: black;
- *
- *   @include usb-media-xs() {
- *    background-color: white;
- *   };
+ *   @include usb-media-xs() { background-color: white; };
  * }
  * ```
  */