Skip to content

Instantly share code, notes, and snippets.

@web-zen

web-zen/SassMeister-input-HTML.html

Created January 14, 2014 00:56
Show Gist options
  • Save web-zen/8411070 to your computer and use it in GitHub Desktop.
Save web-zen/8411070 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<!DOCTYPE html>
<html>
<head id="head">
<meta charset="utf-8" />
<title>My Compass Page</title>
<div class="hdr-container cf">
<section class="hdr-1"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
<section class="hdr-2"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
<section class="hdr-3"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
<section class="hdr-4"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
<section class="hdr-5"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
</div>
</head>
<body class="wrapper">
</script>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// Breakpoint (v2.4.1)
// Singularity.gs (v1.2.0.rc.1)
// ----
@import 'compass';
@import 'singularitygs';
@import 'breakpoint';
.cf:after, .cf:before { content: " "; display: table; }
.cf:after { clear: both;}
.cf { *zoom: 1;}
$grids: 1 3 1 3 1;
$gutters: 1/6;
//$gutters: 10em;
//$gutter-styles: 'split';
.hdr-container { @include background-grid($color: red); }
.hdr-1 { @include grid-span(1, 1); }
.hdr-2 { @include grid-span(1, 2); }
.hdr-3 { @include grid-span(1, 3); }
.hdr-4 { @include grid-span(1, 4); }
.hdr-5 { @include grid-span(1, 5); }
Raw
SassMeister-output.css
wrong number of arguments (23 for 1..2) for `_linear-gradient_legacy'
Raw
SassMeister-rendered.html
<!DOCTYPE html>
<html>
<head id="head">
<meta charset="utf-8" />
<title>My Compass Page</title>
<div class="hdr-container cf">
<section class="hdr-1"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
<section class="hdr-2"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
<section class="hdr-3"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
<section class="hdr-4"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
<section class="hdr-5"><img src="http://www.eb-5center.com/files/icon_check.png" width="30px"></section>
</div>
</head>
<body class="wrapper">
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment