sgmap/boussole

View on GitHub
app/assets/stylesheets/_layouts.scss

Summary

Maintainability
Test Coverage
@charset "UTF-8";

/* Site layout styles go here */

[role="header"] {
  font-size: 1rem;
}

[role="main"] {
  @extend .row;
  font-size: 1rem;

  section,
  article {
    margin-bottom: 1em;
    padding: 1em;
  }
}

.l-messages {
  @extend .col-xs-10;
  @extend .col-xs-offset-1;
}

.l-container-wide {
  @extend .col-xs-10;
  @extend .col-xs-offset-1;
}

.l-container-narrow {
  @extend .col-lg-4;
  @extend .col-lg-offset-4;
  @extend .col-md-6;
  @extend .col-md-offset-3;
  @extend .col-md-6;
  @extend .col-md-offset-3;
  @extend .col-sm-8;
  @extend .col-sm-offset-2;
  @extend .col-xs-10;
  @extend .col-xs-offset-1;
}

.l-container-wide,
.l-containe-narrow {
  padding: 0;
}

.l-content {
  @extend .col-md-12;

  &.l-with-aside {
    @extend .col-md-8;
  }
}

[role="aside"] {
  @extend .col-md-4;
}

.l-content,
[role="aside"] {
  padding: 0 1em .5em;
}


[role="footer"] {
  font-size: .75rem;
  min-height: 2rem;
}