Skip to content

Instantly share code, notes, and snippets.

@mtrythall

mtrythall/SassMeister-input-HTML.html

Created July 14, 2014 05:00
Show Gist options
  • Save mtrythall/596e2557fe4a2ef2b473 to your computer and use it in GitHub Desktop.
Save mtrythall/596e2557fe4a2ef2b473 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<header class="site-header">
</header>
Raw
SassMeister-input.scss
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// Harsh (v1.0.0)
// ----
@import "harsh";
body {
padding: 0;
}
.site-header {
@include harsh(lighten(#0066CC, 43%), #0066CC, .95);
display: block;
height: 400px;
}
Raw
SassMeister-output.css
body {
padding: 0;
}
.site-header {
background: -webkit-gradient(linear, 41% 29%, 59% 71%, color-stop(82%, rgba(170, 212, 254, 0.05)), color-stop(82.0%, transparent)), -webkit-gradient(linear, 37% 98%, 63% 2%, color-stop(2%, rgba(148, 201, 255, 0.05)), color-stop(2.0%, transparent)), -webkit-gradient(linear, 11% 5%, 89% 95%, color-stop(65%, rgba(128, 191, 255, 0.05)), color-stop(65.0%, transparent)), -webkit-gradient(linear, 81% 80%, 19% 20%, color-stop(1%, rgba(194, 224, 255, 0.05)), color-stop(1.0%, transparent)), -webkit-gradient(linear, 2% 53%, 98% 47%, color-stop(69%, rgba(184, 219, 255, 0.05)), color-stop(69.0%, transparent)), -webkit-gradient(linear, 10% 28%, 90% 72%, color-stop(31%, rgba(128, 191, 254, 0.05)), color-stop(31.0%, transparent)), -webkit-gradient(linear, 85% 17%, 15% 83%, color-stop(39%, rgba(143, 199, 255, 0.05)), color-stop(39.0%, transparent)), -webkit-gradient(linear, 45% 22%, 55% 78%, color-stop(32%, rgba(199, 227, 255, 0.05)), color-stop(32.0%, transparent)), -webkit-gradient(linear, 47% 11%, 53% 89%, color-stop(26%, rgba(164, 209, 255, 0.05)), color-stop(26.0%, transparent)), -webkit-gradient(linear, 0% 82%, 100% 18%, color-stop(49%, rgba(184, 219, 255, 0.05)), color-stop(49.0%, transparent)), #0066cc;
background: -webkit-linear-gradient(41% 29%, rgba(170, 212, 254, 0.05) 82%, transparent 82.0%), -webkit-linear-gradient(37% 98%, rgba(148, 201, 255, 0.05) 2%, transparent 2.0%), -webkit-linear-gradient(11% 5%, rgba(128, 191, 255, 0.05) 65%, transparent 65.0%), -webkit-linear-gradient(81% 80%, rgba(194, 224, 255, 0.05) 1%, transparent 1.0%), -webkit-linear-gradient(2% 53%, rgba(184, 219, 255, 0.05) 69%, transparent 69.0%), -webkit-linear-gradient(10% 28%, rgba(128, 191, 254, 0.05) 31%, transparent 31.0%), -webkit-linear-gradient(85% 17%, rgba(143, 199, 255, 0.05) 39%, transparent 39.0%), -webkit-linear-gradient(45% 22%, rgba(199, 227, 255, 0.05) 32%, transparent 32.0%), -webkit-linear-gradient(47% 11%, rgba(164, 209, 255, 0.05) 26%, transparent 26.0%), -webkit-linear-gradient(0% 82%, rgba(184, 219, 255, 0.05) 49%, transparent 49.0%), #0066cc;
background: -moz-linear-gradient(41% 29%, rgba(170, 212, 254, 0.05) 82%, transparent 82.0%), -moz-linear-gradient(37% 98%, rgba(148, 201, 255, 0.05) 2%, transparent 2.0%), -moz-linear-gradient(11% 5%, rgba(128, 191, 255, 0.05) 65%, transparent 65.0%), -moz-linear-gradient(81% 80%, rgba(194, 224, 255, 0.05) 1%, transparent 1.0%), -moz-linear-gradient(2% 53%, rgba(184, 219, 255, 0.05) 69%, transparent 69.0%), -moz-linear-gradient(10% 28%, rgba(128, 191, 254, 0.05) 31%, transparent 31.0%), -moz-linear-gradient(85% 17%, rgba(143, 199, 255, 0.05) 39%, transparent 39.0%), -moz-linear-gradient(45% 22%, rgba(199, 227, 255, 0.05) 32%, transparent 32.0%), -moz-linear-gradient(47% 11%, rgba(164, 209, 255, 0.05) 26%, transparent 26.0%), -moz-linear-gradient(0% 82%, rgba(184, 219, 255, 0.05) 49%, transparent 49.0%), #0066cc;
background: -o-linear-gradient(41% 29%, rgba(170, 212, 254, 0.05) 82%, transparent 82.0%), -o-linear-gradient(37% 98%, rgba(148, 201, 255, 0.05) 2%, transparent 2.0%), -o-linear-gradient(11% 5%, rgba(128, 191, 255, 0.05) 65%, transparent 65.0%), -o-linear-gradient(81% 80%, rgba(194, 224, 255, 0.05) 1%, transparent 1.0%), -o-linear-gradient(2% 53%, rgba(184, 219, 255, 0.05) 69%, transparent 69.0%), -o-linear-gradient(10% 28%, rgba(128, 191, 254, 0.05) 31%, transparent 31.0%), -o-linear-gradient(85% 17%, rgba(143, 199, 255, 0.05) 39%, transparent 39.0%), -o-linear-gradient(45% 22%, rgba(199, 227, 255, 0.05) 32%, transparent 32.0%), -o-linear-gradient(47% 11%, rgba(164, 209, 255, 0.05) 26%, transparent 26.0%), -o-linear-gradient(0% 82%, rgba(184, 219, 255, 0.05) 49%, transparent 49.0%), #0066cc;
background: linear-gradient(41% 29%, rgba(170, 212, 254, 0.05) 82%, transparent 82.0%), linear-gradient(37% 98%, rgba(148, 201, 255, 0.05) 2%, transparent 2.0%), linear-gradient(11% 5%, rgba(128, 191, 255, 0.05) 65%, transparent 65.0%), linear-gradient(81% 80%, rgba(194, 224, 255, 0.05) 1%, transparent 1.0%), linear-gradient(2% 53%, rgba(184, 219, 255, 0.05) 69%, transparent 69.0%), linear-gradient(10% 28%, rgba(128, 191, 254, 0.05) 31%, transparent 31.0%), linear-gradient(85% 17%, rgba(143, 199, 255, 0.05) 39%, transparent 39.0%), linear-gradient(45% 22%, rgba(199, 227, 255, 0.05) 32%, transparent 32.0%), linear-gradient(47% 11%, rgba(164, 209, 255, 0.05) 26%, transparent 26.0%), linear-gradient(0% 82%, rgba(184, 219, 255, 0.05) 49%, transparent 49.0%), #0066cc;
display: block;
height: 400px;
}
Raw
SassMeister-rendered.html
<header class="site-header">
</header>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment