Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-13 09:43:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix min-width media queries

Browse source
This commit is contained in:
Marcos Moura 2017-02-08 00:51:41 -02:00
parent 52cc3f1381
commit c53867d23b
3 changed files with 9 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/mdLayout/mdLayout.scss
View file

@ -175,10 +175,6 @@ $sizes: (8, 16, 24, 40);
.md-hide-#{$size} {
display: none;
}
.md-hide-#{$size}-and-up {
display: none;
}
}
@include layout-xlarge {
@ -201,22 +197,18 @@ $sizes: (8, 16, 24, 40);
@include breakpoint-layout(xsmall);
}
@include layout-xlarge-and-up {
@include breakpoint-layout(xlarge);
}
@include layout-large-and-up {
@include breakpoint-layout(large);
@include breakpoint-layout(large-and-up);
}
@include layout-medium-and-up {
@include breakpoint-layout(medium);
@include breakpoint-layout(medium-and-up);
}
@include layout-small-and-up {
@include breakpoint-layout(small);
@include breakpoint-layout(small-and-up);
}
@include layout-xsmall-and-up {
@include breakpoint-layout(xsmall);
@include breakpoint-layout(xsmall-and-up);
}

6
src/components/mdLayout/mdLayout.vue
View file

@ -119,7 +119,11 @@
if (this[name]) {
if (typeof this[name] === 'boolean') {
object[prop + size] = true;
if (!this[name]) {
object[prop + size + '-none'] = true;
} else {
object[prop + size] = true;
}
} else {
object[prop + size + '-' + this[name]] = true;
}

6
src/core/stylesheets/mixins.scss
View file

@ -75,9 +75,3 @@
@content;
}
}
@mixin layout-xlarge-and-up {
@media (min-width: #{$breakpoint-large - 16px}) {
@content;
}
}