Contents

// ==========================================================================
// Layout
// ==========================================================================

//- Container

.wrapper {
  @include outer-container($grid-large-screen);
  @include clearfix();
  padding-left: $pad-lg;
  padding-right: $pad-lg;

  &.wrapper-full {
    max-width: $grid-full;
    padding-left: $pad-lg;
    padding-right: $pad-lg;
  }

  &.wrapper-sm {
    max-width: $wrapper-sm;
  }

  &.wrapper-md {
    max-width: $wrapper-md;
  }

  &.wrapper-lg {
    max-width: $wrapper-lg;
  }

  @include media($desktop) {
    max-width: $grid-desktop;
  }

  @include media($tablet) {
    max-width: $grid-tablet;
  }

  @include media($mobile) {
    max-width: $grid-mobile;
  }
}

.row {
  @include row();
}

.two-up,
.three-up,
.four-up {
  @include row();
}

//- Two up
.two-up .col {
  @include span-columns(6);
  @include omega(2n);

  @include media($mobile) {
    @include span-columns(12);
  }
}

//- Three up
.three-up .col {
  @include span-columns(4);
  @include omega(3n);

  @include media($mobile) {
    @include span-columns(12);
  }
}

//- Four up
.four-up .col {
  @include span-columns(3);
  @include omega(4n);

  @include media($tablet) {
    @include span-columns(6);
    @include omega(2n);
  }

  @include media($mobile) {
    @include span-columns(12);
  }
}

//- Tools
.cf {
  @include clearfix();
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
shibori-1.9.0	source/css/shibori/scss/layout/_layout.scss
shibori-1.8.0	source/css/shibori/scss/layout/_layout.scss
shibori-1.7.1	source/css/shibori/scss/layout/_layout.scss
shibori-1.7.0	source/css/shibori/scss/layout/_layout.scss
shibori-1.6.0	source/css/shibori/scss/layout/_layout.scss