Skip to content
This repository has been archived by the owner on Dec 3, 2017. It is now read-only.

Commit

Permalink
full width layout with fixed sidebar width
Browse files Browse the repository at this point in the history
  • Loading branch information
xtine committed Feb 7, 2017
1 parent 18bf4c7 commit 4b782cc
Show file tree
Hide file tree
Showing 2 changed files with 22 additions and 3 deletions.
12 changes: 10 additions & 2 deletions scss/components/_side-nav.scss
Original file line number Diff line number Diff line change
Expand Up @@ -58,9 +58,13 @@
}
}


.side-nav-alt {
padding-bottom: u(2rem);
display: table-cell;
width: 100%;

ul {
margin: u(0 2rem 2rem 0);
}

.side-nav__item {
border-bottom: 1px solid $gray;
Expand All @@ -84,6 +88,10 @@
padding-left: 1.4rem;
}
}

@include media($med) {
width: 250px;
}
}

@include media($med) {
Expand Down
13 changes: 12 additions & 1 deletion scss/layout/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,17 @@
position: relative;
}

.main__content--right-full {
@include clearfix();
position: relative;
width: 100%;

@include media($med) {
display: table-cell;
width: calc(100% - 4rem);
}
}

.content__section {
@include clearfix();
padding: u(0 0 2rem 0);
Expand Down Expand Up @@ -120,7 +131,7 @@
padding-bottom: u(2rem);
}

.u-padding-left {
.u-padding--left {
padding-left: u(2rem);
}

Expand Down

0 comments on commit 4b782cc

Please sign in to comment.