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

Styles for new Candidate pages #626

Merged
merged 5 commits into from
Feb 10, 2017
Merged

Styles for new Candidate pages #626

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
731a542
tighten side nav
xtine Feb 7, 2017
bb12248
tab hack
xtine Feb 7, 2017
d1d1748
fix nav bug
xtine Feb 7, 2017
18bf4c7
alt side nav bottom padding
xtine Feb 7, 2017
4b782cc
full width layout with fixed sidebar width
xtine Feb 7, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 50 additions & 14 deletions scss/components/_side-nav.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,24 +18,24 @@

.side-nav {
display: none;
}

.side-nav__item {
padding: u(1rem 0);
.side-nav__item {
padding: u(1rem 0);

&:first-child {
padding-top: 0;
}
&:first-child {
padding-top: 0;
}

&:last-child {
padding-bottom: 0;
}
&:last-child {
padding-bottom: 0;
}

&.is-disabled {
.side-nav__link {
&:hover,
&:focus {
background-color: transparent;
&.is-disabled {
.side-nav__link {
&:hover,
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nesting should be no greater than 4, but was 5

&:focus {
background-color: transparent;
}
}
}
}
Expand All @@ -58,6 +58,42 @@
}
}

.side-nav-alt {
display: table-cell;
width: 100%;

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

.side-nav__item {
border-bottom: 1px solid $gray;

&:last-child {
border-bottom: none;
}
}

.side-nav__link {
padding: u(.85rem 1rem .85rem 1.8rem);

&:hover,
&.is-active:hover {
background-color: $gray-lightest;
}

&[aria-selected=true] {
background-color: initial;
border-left: 4px solid $base;
padding-left: 1.4rem;
}
}

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

@include media($med) {
.side-nav {
display: block;
Expand Down
13 changes: 12 additions & 1 deletion scss/layout/_layout.scss
View file
Open in desktop
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