Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
.base_nav_item {
display: -webkit-box;
display: -moz-box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
color: #ddd;
.sg_dark_theme & {
color: rgb(175, 176, 178);
&.selected,
&.active div.overlay_button,
&.active div.button,
&:hover {
color: white;
}
}
}
// and then use @extend for fully cascading sg_dark_theme support!
#sg_global_nav div.nav_item {
@extend .base_nav_item;
}
.my_other > .strangely_nested > .legacy div.nav_item {
@extend .base_nav_item;
}
.base_nav_item, #sg_global_nav div.nav_item, .my_other > .strangely_nested > .legacy div.nav_item {
display: -webkit-box;
display: -moz-box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
color: #ddd;
}
.sg_dark_theme .base_nav_item, .sg_dark_theme #sg_global_nav div.nav_item, #sg_global_nav .sg_dark_theme div.nav_item, .sg_dark_theme .my_other > .strangely_nested > .legacy div.nav_item, .my_other > .strangely_nested > .legacy .sg_dark_theme div.nav_item {
color: #afb0b2;
}
.sg_dark_theme .base_nav_item.selected,
.sg_dark_theme #sg_global_nav div.selected.nav_item,
#sg_global_nav .sg_dark_theme div.selected.nav_item, .sg_dark_theme .my_other > .strangely_nested > .legacy div.selected.nav_item,
.my_other > .strangely_nested > .legacy .sg_dark_theme div.selected.nav_item, .sg_dark_theme .base_nav_item.active div.overlay_button,
.sg_dark_theme #sg_global_nav div.active.nav_item div.overlay_button,
#sg_global_nav .sg_dark_theme div.active.nav_item div.overlay_button, .sg_dark_theme .my_other > .strangely_nested > .legacy div.active.nav_item div.overlay_button,
.my_other > .strangely_nested > .legacy .sg_dark_theme div.active.nav_item div.overlay_button, .sg_dark_theme .base_nav_item.active div.button,
.sg_dark_theme #sg_global_nav div.active.nav_item div.button,
#sg_global_nav .sg_dark_theme div.active.nav_item div.button, .sg_dark_theme .my_other > .strangely_nested > .legacy div.active.nav_item div.button,
.my_other > .strangely_nested > .legacy .sg_dark_theme div.active.nav_item div.button, .sg_dark_theme .base_nav_item:hover, .sg_dark_theme #sg_global_nav div.nav_item:hover, #sg_global_nav .sg_dark_theme div.nav_item:hover, .sg_dark_theme .my_other > .strangely_nested > .legacy div.nav_item:hover, .my_other > .strangely_nested > .legacy .sg_dark_theme div.nav_item:hover {
color: white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.