Created
June 15, 2015 20:40
-
-
Save nemoDreamer/9937b97d166c1e703530 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // 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; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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