/*————————————
Opacity
————————————*/ .opacity-0 {
opacity: 0 !important;
}
.g-opacity-0_3 {
opacity: .3 !important;
}
.g-opacity-0_4 {
opacity: .4 !important;
}
.g-opacity-0_5 {
opacity: .5 !important;
}
.g-opacity-0_6 {
opacity: .6 !important;
}
.g-opacity-0_7 {
opacity: .7 !important;
}
.g-opacity-0_8 {
opacity: .8 !important;
}
.g-opacity-1 {
opacity: 1 !important;
}
// Hover .opacity-0 {
&--hover:hover { opacity: 0 !important; } &--parent-hover { .g-parent:hover & { opacity: 0 !important; } }
}
.g-opacity-0_3 {
&--hover:hover { opacity: .3 !important; } &--parent-hover { .g-parent:hover & { opacity: .3 !important; } }
}
.g-opacity-0_5 {
&--hover:hover { opacity: .5 !important; } &--parent-hover { .g-parent:hover & { opacity: .5 !important; } }
}
.g-opacity-0_6 {
&--hover:hover { opacity: .6 !important; } &--parent-hover { .g-parent:hover & { opacity: .6 !important; } }
}
.g-opacity-0_7 {
&--hover:hover { opacity: .7 !important; } &--parent-hover { .g-parent:hover & { opacity: .7 !important; } }
}
.g-opacity-0_8 {
&--hover:hover { opacity: .8 !important; } &--parent-hover { .g-parent:hover & { opacity: .8 !important; } }
}
.g-opacity-1 {
.u-block-hover:hover &--hover, &--hover:hover { opacity: 1 !important; } &--parent-hover { .g-parent:hover & { opacity: 1 !important; } }
}