&:hover,
&:focus-visible {
my-global-icon {
- @include apply-svg-color(var(--mainBackgroundColor));
+ @include apply-svg-color(var(--menuForegroundColor));
}
}
a, span[role=button] {
display: inline-block;
text-decoration: none;
- color: pvar(--mainBackgroundColor);
+ color: pvar(--menuForegroundColor);
opacity: $footer-links-base-opacity;
white-space: nowrap;
font-size: 90%;
height: 1.4rem;
my-global-icon {
- @include apply-svg-color(pvar(--mainBackgroundColor));
+ @include apply-svg-color(pvar(--menuForegroundColor));
display: flex;
width: auto;
.footer-copyleft small a {
@include disable-default-a-behaviour;
- color: pvar(--mainBackgroundColor);
+ color: pvar(--menuForegroundColor);
opacity: $footer-links-base-opacity - .2;
}
}
color: #6c757d;
}
-.icon {
- @include disable-outline;
- @include icon($menu-link-icon-size);
- opacity: 0.8;
-
- &.icon-shortcuts {
- position: relative;
- top: -1px;
- margin-right: 10px;
-
- background-image: url('../../assets/images/misc/keyboard.png');
- }
-}
-
-input[type=checkbox]{
- position: absolute;
- visibility: hidden;
-}
-
-label {
- cursor: pointer;
- text-indent: -9999px;
- width: 35px;
- height: 20px;
- background: #cccccc;
- display: block;
- border-radius: 100px;
- position: relative;
- margin: 0;
-
- &:after {
- content: '';
- position: absolute;
- top: 3px;
- left: 3px;
- width: 14px;
- height: 14px;
- background: pvar(--mainBackgroundColor);
- border-radius: 50%;
- transition: 0.3s ease-out;
- }
-
- &:active:after {
- width: 40px;
- }
-}
-
-input:checked + label {
- background: pvar(--mainColor);
-
- &:after {
- left: calc(100% - 3px);
- transform: translateX(-100%);
- }
-}
-
@media screen and (max-width: $mobile-view) {
.menu-wrapper {
width: 100% !important;