Fix item-list media queries

modularcoder · modularcoder · commit 0b6e1769af6c · 2017-09-07T02:12:52.000+04:00
diff --git a/src/_common/items-list/items-list.scss b/src/_common/items-list/items-list.scss
@@ -160,7 +160,7 @@ $item-list-col-shrink: 3 !default;
 			width: 100%;
 		}
 
-		@include media(xs) {
+		@include media-down(xs) {
 			width: 40%;
 		}
 	}
diff --git a/src/app/items/list/items-list.scss b/src/app/items/list/items-list.scss
@@ -30,7 +30,7 @@
 		}
 	}
 
-	
+
 	.items-search {
 		position: absolute;
 		margin-bottom: 15px;
@@ -40,7 +40,7 @@
 		@include media-down(sm) {
 			position: static;
 		}
-		
+
 		.search-button {
 			margin: 0;
 		}
@@ -103,7 +103,7 @@
 
 			&.item-col-date {
 				text-align: right;
-			}			
+			}
 		}
 	}
 
@@ -199,7 +199,7 @@
 
 
 				&.item-col-actions {
-					
+
 				}
 
 				&.item-col-img {
@@ -231,15 +231,15 @@
 					flex-basis: 100px;
 					flex-basis: 0;
 					flex-grow: $item-list-col-grow;
-				}		
+				}
 			}
 
 		}
 	}
 
 	// Small Mobile view
 
-	@include media(xs) {
+	@include media-down(xs) {
 
 		.item-list .item {
 			border: none;
@@ -255,7 +255,7 @@
 				padding-left: $item-list-padding-x;
 
 				&[class^=item-col] {
-					flex-basis: 100%;	
+					flex-basis: 100%;
 				}
 
 
@@ -311,12 +311,12 @@
 					text-align: left;
 				}
 
-				
+
 			}
 
 
 		}
 	}
 
 
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`	`}`
`31`	`31`	`}`
`32`	`32`
`33`		`-`
	`33`	`+`
`34`	`34`	`.items-search {`
`35`	`35`	`position: absolute;`
`36`	`36`	`margin-bottom: 15px;`
`@@ -40,7 +40,7 @@`
`40`	`40`	`@include media-down(sm) {`
`41`	`41`	`position: static;`
`42`	`42`	`}`
`43`		`-`
	`43`	`+`
`44`	`44`	`.search-button {`
`45`	`45`	`margin: 0;`
`46`	`46`	`}`
`@@ -103,7 +103,7 @@`
`103`	`103`
`104`	`104`	`&.item-col-date {`
`105`	`105`	`text-align: right;`
`106`		`- }`
	`106`	`+ }`
`107`	`107`	`}`
`108`	`108`	`}`
`109`	`109`
`@@ -199,7 +199,7 @@`
`199`	`199`
`200`	`200`
`201`	`201`	`&.item-col-actions {`
`202`		`-`
	`202`	`+`
`203`	`203`	`}`
`204`	`204`
`205`	`205`	`&.item-col-img {`
`@@ -231,15 +231,15 @@`
`231`	`231`	`flex-basis: 100px;`
`232`	`232`	`flex-basis: 0;`
`233`	`233`	`flex-grow: $item-list-col-grow;`
`234`		`- }`
	`234`	`+ }`
`235`	`235`	`}`
`236`	`236`
`237`	`237`	`}`
`238`	`238`	`}`
`239`	`239`
`240`	`240`	`// Small Mobile view`
`241`	`241`
`242`		`- @include media(xs) {`
	`242`	`+ @include media-down(xs) {`
`243`	`243`
`244`	`244`	`.item-list .item {`
`245`	`245`	`border: none;`
`@@ -255,7 +255,7 @@`
`255`	`255`	`padding-left: $item-list-padding-x;`
`256`	`256`
`257`	`257`	`&[class^=item-col] {`
`258`		`- flex-basis: 100%;`
	`258`	`+ flex-basis: 100%;`
`259`	`259`	`}`
`260`	`260`
`261`	`261`
`@@ -311,12 +311,12 @@`
`311`	`311`	`text-align: left;`
`312`	`312`	`}`
`313`	`313`
`314`		`-`
	`314`	`+`
`315`	`315`	`}`
`316`	`316`
`317`	`317`
`318`	`318`	`}`
`319`	`319`	`}`
`320`	`320`
`321`	`321`
`322`		`-}`
	`322`	`+}`