-
-
Notifications
You must be signed in to change notification settings - Fork 200
/
_status.scss
40 lines (40 loc) · 1.15 KB
/
_status.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
//
// Status
// --------------------------------------------------
.navbar-mainnavigation {
.nav-link:not(.nav-link-toggle) {
&:before {
display: block;
content: '';
position: absolute;
left: 0;
top: 50%;
opacity: 0;
transition: opacity .25s ease-in-out;
border: 4px solid transparent;
border-left: 4px solid var(--mainnavigation-hightlight);
transform: translate(1px, -50%);
}
&:hover:before,
&:focus-visible:before {
opacity: .5;
}
&.show:before,
&.active:before {
opacity: .75;
}
}
@media (min-width: $grid-float-breakpoint) {
.nav-link.nav-link-main:before {
border: none;
transform: unset;
top: auto;
background: var(--mainnavigation-hightlight);
left: var(--mainnavigation-link-padding-x);
right: var(--mainnavigation-link-padding-x);
bottom: calc(var(--mainnavigation-link-padding-y) / 2);
height: 2px;
width: auto;
}
}
}