Sha256: 0b5c39a19a4c1d6c9fcee5d6a0779f19ab37611fe9f8ff527664330c3f26a62f

Contents?: true

Size: 1.89 KB

Versions: 13

Compression:

Stored size: 1.89 KB

Contents

// Copyright 2017 Google Inc. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import "./variables";
@import "./mixins";

// postcss-bem-linter: define layout-grid
.mdc-layout-grid {
  @include mdc-layout-grid($mdc-layout-grid-default-margin, $mdc-layout-grid-default-gutter);
}

.mdc-layout-grid__cell {
  @include mdc-layout-grid-cell($mdc-layout-grid-default-gutter);

  @each $size in map-keys($mdc-layout-grid-columns) {
    @include mdc-layout-grid-media-query_($size) {
      @for $span from 1 through map-get($mdc-layout-grid-columns, desktop) {
        // Span classes.
        // stylelint-disable max-nesting-depth
        @at-root .mdc-layout-grid__cell--span-#{$span},
          .mdc-layout-grid__cell--span-#{$span}-#{$size}.mdc-layout-grid__cell--span-#{$span}-#{$size} {
          @include mdc-layout-grid-cell-span_($size, $span, $mdc-layout-grid-default-gutter);
        }
        // stylelint-enable max-nesting-depth
      }
    }
  }

  // Order override classes.
  @for $i from 1 through map-get($mdc-layout-grid-columns, desktop) {
    &--order-#{$i} {
      @include mdc-layout-grid-cell-order($i);
    }
  }

  // Alignment classes.
  &--align-top {
    @include mdc-layout-grid-cell-align(top);
  }

  &--align-middle {
    @include mdc-layout-grid-cell-align(middle);
  }

  &--align-bottom {
    @include mdc-layout-grid-cell-align(bottom);
  }
}

// postcss-bem-linter: end

Version data entries

13 entries across 13 versions & 1 rubygems

Version Path
material_components_web-sass-0.12.1 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.12.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.11.1 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.11.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.10.0.1 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.10.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.9.1 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.9.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.8.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.7.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.6.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.5.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
material_components_web-sass-0.4.0 vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss