2017-03-24 09:47:37 -04:00
|
|
|
//
|
|
|
|
// Main nav, breadcrumb, etc...
|
|
|
|
//
|
|
|
|
|
|
|
|
.site-title {
|
|
|
|
display: block;
|
2018-10-24 14:06:12 -04:00
|
|
|
flex: 1 1 auto;
|
2018-11-15 15:12:12 -05:00
|
|
|
color: $body-heading-color;
|
|
|
|
background-color: $sidebar-color;
|
2017-03-24 09:47:37 -04:00
|
|
|
|
|
|
|
@include mq(md) {
|
|
|
|
position: absolute;
|
2018-10-23 14:13:45 -04:00
|
|
|
top: 0;
|
2017-03-24 09:47:37 -04:00
|
|
|
right: 0;
|
2018-10-25 11:17:10 -04:00
|
|
|
z-index: 101;
|
2018-10-23 14:13:45 -04:00
|
|
|
height: 60px;
|
|
|
|
padding-top: $sp-4;
|
2018-11-16 11:46:43 -05:00
|
|
|
border-bottom: $border $border-color;
|
2017-03-24 09:47:37 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-03-09 13:16:08 -05:00
|
|
|
.navigation-list {
|
|
|
|
padding: 0;
|
|
|
|
margin-top: $sp-4;
|
2018-10-23 11:40:39 -04:00
|
|
|
margin-bottom: 0;
|
2017-03-26 21:09:19 -04:00
|
|
|
list-style: none;
|
2017-03-09 13:16:08 -05:00
|
|
|
|
|
|
|
@include mq(md) {
|
2018-10-24 14:06:12 -04:00
|
|
|
margin-top: 0;
|
2017-03-09 13:16:08 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation-list-child-list {
|
|
|
|
padding-left: $sp-3;
|
2017-03-26 21:09:19 -04:00
|
|
|
list-style: none;
|
2017-03-09 13:16:08 -05:00
|
|
|
|
|
|
|
.navigation-list-link {
|
2018-11-15 15:12:12 -05:00
|
|
|
color: $nav-child-link-color;
|
2017-03-09 13:16:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.navigation-list-item {
|
2018-11-15 15:12:12 -05:00
|
|
|
position: relative;
|
|
|
|
|
2017-03-09 13:16:08 -05:00
|
|
|
&::before {
|
|
|
|
position: absolute;
|
2017-03-26 21:09:19 -04:00
|
|
|
margin-top: 0.3em;
|
2017-03-09 13:16:08 -05:00
|
|
|
margin-left: -0.8em;
|
2018-11-18 11:07:45 -05:00
|
|
|
color: rgba($body-text-color, 0.3);
|
2017-03-26 21:09:19 -04:00
|
|
|
content: "- ";
|
2017-03-09 13:16:08 -05:00
|
|
|
}
|
2017-03-24 09:47:37 -04:00
|
|
|
|
|
|
|
&.active {
|
|
|
|
&::before {
|
2018-11-15 15:12:12 -05:00
|
|
|
color: $body-text-color;
|
2017-03-24 09:47:37 -04:00
|
|
|
}
|
|
|
|
}
|
2017-03-09 13:16:08 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation-list-item {
|
2018-10-23 11:40:39 -04:00
|
|
|
@include fs-4;
|
2017-03-26 21:09:19 -04:00
|
|
|
margin: 0;
|
2018-10-23 11:40:39 -04:00
|
|
|
|
|
|
|
@include mq(md) {
|
|
|
|
@include fs-3;
|
|
|
|
}
|
2018-11-19 13:28:59 -05:00
|
|
|
|
|
|
|
.navigation-list-child-list {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
.navigation-list-child-list {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
2017-03-09 13:16:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.navigation-list-link {
|
|
|
|
display: block;
|
2017-03-26 21:09:19 -04:00
|
|
|
padding-top: $sp-1;
|
|
|
|
padding-bottom: $sp-1;
|
2017-03-09 13:16:08 -05:00
|
|
|
|
|
|
|
&.active {
|
2017-03-26 21:09:19 -04:00
|
|
|
font-weight: 600;
|
2018-11-15 15:12:12 -05:00
|
|
|
color: $body-heading-color;
|
2017-03-09 13:16:08 -05:00
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-03-24 09:47:37 -04:00
|
|
|
// Small screen nav
|
|
|
|
|
2017-11-08 11:23:05 -05:00
|
|
|
.main-nav,
|
|
|
|
.aux-nav {
|
2017-03-24 09:47:37 -04:00
|
|
|
display: none;
|
|
|
|
|
|
|
|
&.nav-open {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
@include mq(md) {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation-list-toggle {
|
|
|
|
position: absolute;
|
|
|
|
right: $sp-4;
|
|
|
|
|
|
|
|
@include mq(md) {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Breadcrumb nav
|
2018-11-19 13:29:17 -05:00
|
|
|
.breadcrumb-nav {
|
|
|
|
@include mq(md) {
|
|
|
|
margin-top: -$sp-4;
|
|
|
|
}
|
|
|
|
}
|
2017-03-24 09:47:37 -04:00
|
|
|
|
2017-03-09 13:16:08 -05:00
|
|
|
.breadcrumb-nav-list {
|
|
|
|
padding-left: 0;
|
2017-03-26 21:09:19 -04:00
|
|
|
margin-bottom: $sp-3;
|
|
|
|
list-style: none;
|
2017-03-09 13:16:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.breadcrumb-nav-list-item {
|
|
|
|
display: table-cell;
|
|
|
|
@include fs-2;
|
|
|
|
|
2017-03-24 09:47:37 -04:00
|
|
|
&::before {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2017-03-09 13:16:08 -05:00
|
|
|
&::after {
|
|
|
|
display: inline-block;
|
|
|
|
margin-right: $sp-2;
|
2017-03-26 21:09:19 -04:00
|
|
|
margin-left: $sp-2;
|
2017-03-09 13:16:08 -05:00
|
|
|
color: $grey-dk-000;
|
2017-03-26 21:09:19 -04:00
|
|
|
content: "/";
|
2017-03-09 13:16:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
&::after {
|
|
|
|
content: "";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|