Stefan Hacker
40 lines
943 B
SCSS
40 lines
943 B
SCSS
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
|
|
|
|
//
|
|
// Office UI Fabric
|
|
// --------------------------------------------------
|
|
// Fluid 12-column grids for small, medium, and large devices
|
|
|
|
//== Grid container (same for all sizes)
|
|
//
|
|
@mixin ms-Grid {
|
|
@include ms-borderBox;
|
|
@include ms-clearfix;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
//== Grid rows (pull first and last column out)
|
|
//
|
|
@mixin ms-Grid-row {
|
|
margin: 0 -8px;
|
|
@include ms-borderBox;
|
|
@include ms-clearfix;
|
|
}
|
|
|
|
//== Grid cells
|
|
//
|
|
@mixin ms-Grid-col {
|
|
@include ms-float(left);
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
@include ms-borderBox;
|
|
|
|
// For nested grids (a grid inside a column), removing the padding
|
|
// so that the nested grid's columns go to the edge of the parent's.
|
|
.ms-Grid {
|
|
padding: 0;
|
|
}
|
|
}
|