app/assets/stylesheets/_layouts.scss
@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;
}