&:hover {
color: $wcfFooterBoxLinkActive;
- text-decoration: underline;
-
- .icon {
- color: $wcfFooterBoxLinkActive;
- }
}
}
.icon {
- color: inherit;
+ color: $wcfFooterBoxText;
}
.boxContainer {
a {
color: $wcfSidebarLink;
- > .icon {
- color: $wcfSidebarLink;
- }
-
&:hover {
color: $wcfSidebarLinkActive;
-
- > .icon {
- color: $wcfSidebarLinkActive;
- }
+
}
}
+ .icon {
+ color: $wcfSidebarText;
+ }
+
small,
.dimmed {
color: $wcfSidebarDimmedText;
background-color: $wcfFooterBoxBackground;
color: $wcfFooterBoxText;
flex: 0 0 auto;
- z-index: 40;
a {
color: $wcfFooterBoxLink;
&:hover {
color: $wcfFooterBoxLinkActive;
- text-decoration: underline;
}
}
&:hover {
color: $wcfFooterLinkActive;
- text-decoration: underline;
}
}
> .mediaInformation {
position: absolute;
bottom: 0;
- background: rgba(0,0,0,0.6); // TOOD
+ background: rgba(0,0,0,0.6); // TODO
color: #fff;
width: 100%;
padding: $wcfGapSmall;
position: absolute;
top: 0;
right: 0;
- background: rgba(0,0,0,0.6); // TOOD
+ background: rgba(0,0,0,0.6); // TODO
height: 0;
overflow: hidden;