Skip to content

Instantly share code, notes, and snippets.

@rkichenama
Created September 4, 2014 19:58
Show Gist options
  • Select an option

  • Save rkichenama/561ad30ac289f79b0553 to your computer and use it in GitHub Desktop.

Select an option

Save rkichenama/561ad30ac289f79b0553 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----
$bgColor: #333;
::selection {
background: $bgColor;
color: #fff;
}
.site_header {
background-color: $bgColor;
border-bottom-color: $bgColor;
&, a, nav>div {
text-shadow: 0 0 0.25em $bgColor;
}
nav>a, nav>div {
border-left-color: $bgColor;
}
a.show {
background: $bgColor;
}
a:hover, nav>div:hover {
background: $bgColor * 0.8;
}
}
a {
color: $bgColor;
}
.site_header nav>div ul, .github:hover:after, .bookmark-icon:hover:after, .site_header .control-icon:hover:after {
background: $bgColor * 0.8;
}
fieldset input:checked {
~ span {
background: $bgColor !important;
}
+ label {
text-shadow: 0 0 0.25em $bgColor !important;
}
}
#promo {
display: none;
}
#control-column .control-container.promo {
bottom: 0;
}
::selection {
background: #333;
color: #fff;
}
.site_header {
background-color: #333;
border-bottom-color: #333;
}
.site_header, .site_header a, .site_header nav > div {
text-shadow: 0 0 0.25em #333;
}
.site_header nav > a, .site_header nav > div {
border-left-color: #333;
}
.site_header a.show {
background: #333;
}
.site_header a:hover, .site_header nav > div:hover {
background: #282828;
}
a {
color: #333;
}
.site_header nav > div ul, .github:hover:after, .bookmark-icon:hover:after, .site_header .control-icon:hover:after {
background: #282828;
}
fieldset input:checked ~ span {
background: #333 !important;
}
fieldset input:checked + label {
text-shadow: 0 0 0.25em #333 !important;
}
#promo {
display: none;
}
#control-column .control-container.promo {
bottom: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment