84 lines
1.8 KiB
SCSS
84 lines
1.8 KiB
SCSS
// navbar-brand coloring
|
|
.navbar-dark {
|
|
a {
|
|
&.navbar-brand {
|
|
color: $gray-300;
|
|
&:hover {
|
|
color: $gray-300;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// navbar widget social icon coloring
|
|
// #block-7 > ul > li.wp-social-link.wp-block-social-link > a
|
|
.navbar-dark {
|
|
.widget_block {
|
|
ul {
|
|
&.wp-block-social-links {
|
|
&.is-style-logos-only {
|
|
li {
|
|
&.wp-social-link {
|
|
&.wp-block-social-link {
|
|
a {
|
|
&.wp-block-social-link-anchor {
|
|
color: $gray-300;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// navbar menu layout
|
|
.navbar-expand-lg {
|
|
.nav-item {
|
|
// margin-left: 2px;
|
|
a {
|
|
&.nav-link {
|
|
// padding: 0 0 0 6px;
|
|
// margin: 8px 0 8px 0;
|
|
// border-left: 6px transparent solid;
|
|
&.active {
|
|
// border-left: 6px $secondary solid;
|
|
// border-bottom: none;
|
|
}
|
|
&:hover, &:active {
|
|
// color: $primary !important;
|
|
// border-left: 6px $secondary solid;
|
|
// border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-up(lg) {
|
|
.navbar-expand-lg {
|
|
.nav-item {
|
|
// margin-left: 0;
|
|
a {
|
|
&.nav-link {
|
|
// padding: 0 0 2px 0;
|
|
// margin: 0 12px 0 12px;
|
|
// border-left: none;
|
|
// border-top: 6px transparent solid;
|
|
// border-bottom: 6px transparent solid;
|
|
&.active {
|
|
// border-left: none;
|
|
// border-bottom: 6px $secondary solid;
|
|
}
|
|
&:hover, &:active {
|
|
// color: $primary !important;
|
|
// border-left: none;
|
|
// border-bottom: 6px $secondary solid;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|