2015-01-28 02:57:24 +01:00
|
|
|
// Import from sources for extends
|
2015-02-03 16:17:15 +01:00
|
|
|
// -------------------------------
|
2015-01-28 02:57:24 +01:00
|
|
|
@import "../../angular-material/src/core/style/layout";
|
2015-01-16 13:52:29 +01:00
|
|
|
|
2015-01-28 02:57:24 +01:00
|
|
|
// Utility classes to compensate for the the xml mandatory attribute values
|
|
|
|
// ------------------------------------------------------------------------
|
|
|
|
$selectors: layout, layout-sm, layout-gt-sm, layout-md, layout-gt-md, layout-lg, layout-gt-lg,
|
|
|
|
layout-align,layout-align-sm, layout-align-gt-sm, layout-align-md, layout-align-gt-md, layout-align-lg, layout-align-gt-lg,
|
|
|
|
layout-padding,
|
|
|
|
layout-margin,
|
|
|
|
layout-wrap,
|
|
|
|
layout-fill,
|
2015-01-28 03:45:56 +01:00
|
|
|
flex, flex-sm, flex-gt-sm, flex-md, flex-gt-md, flex-lg, flex-gt-lg, hide, hide-sm, hide-gt-sm, hide-md, hide-gt-md, hide-lg, hide-gt-lg, show, show-sm, show-gt-sm, show-md, show-gt-md, show-lg, show-gt-lg;
|
2015-01-16 13:52:29 +01:00
|
|
|
|
2015-01-28 02:57:24 +01:00
|
|
|
@include attributesToClasses($selectors);
|
2015-01-28 09:24:53 +01:00
|
|
|
.md-flex {
|
|
|
|
flex: 1 1 auto;
|
|
|
|
}
|
2015-02-16 08:15:01 +01:00
|
|
|
|
|
|
|
@for $i from 1 to 20 {
|
|
|
|
.cols-#{$i} {
|
|
|
|
max-width: grid-step($i);
|
|
|
|
flex: 1 1 auto;
|
|
|
|
}
|
|
|
|
.cols-#{$i}.spacer {
|
|
|
|
width: grid-step($i);
|
|
|
|
}
|
|
|
|
}
|
2015-02-25 01:40:57 +01:00
|
|
|
|
|
|
|
// Rows are included in padded containers, margins are used for vertical spacing
|
|
|
|
// ----------------------------------------------------------------------------
|
|
|
|
[layout="row"].md-layout-margin {
|
|
|
|
margin-right: 0;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|