Sha256: e99cc10ffe07367448f0a36ccf0f68c2432aa9e07d23c8b90f46ee0ebb432179

Contents?: true

Size: 638 Bytes

Versions: 14

Compression:

Stored size: 638 Bytes

Contents

$columns: 2, 3, 4;

.container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;

  &--center {
    justify-content: center;
  }

  &__column {

    @each $column in $columns {

      &--#{$column} {
        width: 100%;

        @media (min-width: $laptop) {
          width: calc((100% - (#{$column} - 1) * #{$container-spacing}) / #{$column});

          &:not(:last-child) {
            margin-right: $container-spacing;
          }
        }

        &:not(:last-child) {
          margin-bottom: $container-spacing;

          @media (min-width: $laptop) {
            margin-bottom: 0;
          }
        }
      }
    }
  }
}

Version data entries

14 entries across 14 versions & 1 rubygems

Version Path
beyond_canvas-0.21.0.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.20.0.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.19.2.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.19.1.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.19.0.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.18.0.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.17.0.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.16.2.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.16.1.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.16.0.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.15.3.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.15.2.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.15.1.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss
beyond_canvas-0.15.0.pre app/assets/stylesheets/beyond_canvas/components/_containers.scss