Skip to content
Permalink
Browse files

fix(MdLayout): add xlarge and large classes to the layout component (#…

…1323)

* Update layout.scss with large and xlarge props

* Added md-gutter-xlarge variable

* Removed Trailing white spaces

* fix: change gutter for large size
  • Loading branch information...
mrwhy-orig authored and marcosmoura committed Dec 22, 2017
1 parent f983c53 commit 6c5fe65164b1cc42c721a9902ce64a0438c8438f
Showing with 22 additions and 1 deletion.
  1. +21 −1 src/components/MdLayout/layout.scss
  2. +1 −0 src/components/MdLayout/variables.scss
@@ -23,7 +23,11 @@
*/

.md-layout {
@include md-layout-gutter($md-gutter-large);
@include md-layout-gutter($md-gutter-xlarge);

@include md-layout-large {
@include md-layout-gutter($md-gutter-large);
}

@include md-layout-medium {
@include md-layout-gutter($md-gutter-medium);
@@ -62,6 +66,14 @@

@include md-layout-item;

@include md-layout-xlarge {
@include md-layout-item(xlarge);
}

@include md-layout-large {
@include md-layout-item(large);
}

@include md-layout-medium {
@include md-layout-item(medium);
}
@@ -82,6 +94,14 @@

@include md-hide;

@include md-layout-xlarge {
@include md-hide(xlarge);
}

@include md-layout-large {
@include md-hide(large);
}

@include md-layout-medium {
@include md-hide(medium);
}
@@ -23,3 +23,4 @@ $md-gutter-xsmall: 8px;
$md-gutter-small: 16px;
$md-gutter-medium: 24px;
$md-gutter-large: 40px;
$md-gutter-xlarge: 40px;

0 comments on commit 6c5fe65

Please sign in to comment.
You can’t perform that action at this time.