Sha256: 64553cd48c918506989af8fdb7c7669f814e7d5e80e30c571b633bc7de2665f2

Contents?: true

Size: 1014 Bytes

Versions: 11

Compression:

Stored size: 1014 Bytes

Contents

$header-border: 1px solid darken($body-background, 10) !default;
$header-wide-background: $white !default;

// Page Header Mixins

@mixin header {
  @include xy-grid;
  align-items: flex-end;
  border-bottom: $header-border;

  @each $name, $size in $grid-column-gutter {
    @include breakpoint($name) {
      padding: 0 0 ($size * 0.75);
      margin: 0 0 $size;
    }
  }

  &.wide {
    background: $header-wide-background;

    @each $name, $size in $grid-column-gutter {
      @include breakpoint($name) {
        padding: ($size * 0.75) $size;
        margin: (-$size) (-$size) $size;
      }
    }
  }
}

@mixin header-title {
  @include xy-cell(auto, false);
  margin: 0;
  line-height: 1;
}

@mixin header-actions {
  @include xy-cell(shrink, false);
  margin: 0;
}


// Page Header Component

@mixin bedrock-header {
  .header {
    @include header;

    .title {
      @include header-title;
    }

    .actions {
      @include header-actions;

      a {
        margin-bottom: 0;
      }
    }
  }
}

Version data entries

11 entries across 11 versions & 1 rubygems

Version Path
bedrock_sass-0.2.2 assets/bedrock/scss/components/header.scss
bedrock_sass-0.2.1 assets/bedrock/scss/components/header.scss
bedrock_sass-0.2.0 assets/bedrock/scss/components/header.scss
bedrock_sass-0.1.9 assets/bedrock/scss/components/header.scss
bedrock_sass-0.1.8 assets/bedrock/scss/components/header.scss
bedrock_sass-0.1.7 assets/bedrock/scss/components/header.scss
bedrock_sass-0.1.6 assets/bedrock/scss/components/header.scss
bedrock_sass-0.1.5 assets/bedrock/scss/components/header.scss
bedrock_sass-0.1.4 assets/bedrock/scss/components/header.scss
bedrock_sass-0.1.3 assets/bedrock/scss/components/header.scss
bedrock_sass-0.1.2 assets/bedrock/scss/components/header.scss