Skip to content

Instantly share code, notes, and snippets.

@codingdesigner

codingdesigner/dabblet.css

Forked from anonymous/dabblet.css
Created January 25, 2012 17:49
Show Gist options
  • Save codingdesigner/1677567 to your computer and use it in GitHub Desktop.
Save codingdesigner/1677567 to your computer and use it in GitHub Desktop.
Download ZIP
Sass:
Raw
dabblet.css
html{
height: 100%;
}
body {
background-color: white;
background-image: -webkit-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25px, rgba(0, 0, 0, 0.5) 25px, rgba(0, 0, 0, 0.5) 50px);
background-image: -moz-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25px, rgba(0, 0, 0, 0.5) 25px, rgba(0, 0, 0, 0.5) 50px);
background-image: -o-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25px, rgba(0, 0, 0, 0.5) 25px, rgba(0, 0, 0, 0.5) 50px);
background-image: -ms-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25px, rgba(0, 0, 0, 0.5) 25px, rgba(0, 0, 0, 0.5) 50px);
background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 25px, rgba(0, 0, 0, 0.5) 25px, rgba(0, 0, 0, 0.5) 50px);
}
/*
Sass:
body {
@include background-diagonal-stripes($bg-color: #fff, $stripe-color: rgba(#000, .5));
}
*/
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment