Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
<html>
<head></head>
<body class="container">HELLO</body>
</html>
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// Breakpoint (v2.5.0)
// Singularity.gs (v1.4.0)
// ----
@import "breakpoint";
@import "singularitygs";
$grids: 12;
$gutters: 1 / 3;
// Singularity 1.2 Syntax
@include add-grid(12);
@include add-gutter(1 / 3);
@include sgs-change("debug", true);
.container {
@include background-grid($color: blue);
@include sgs-change("debug", true);
}
.container {
background-image: linear-gradient(to right, blue 0%, blue 6.3829787234%, #3f3fff 6.3829787234%, #3f3fff 8.5106382979%, blue 8.5106382979%, blue 14.8936170213%, #3f3fff 14.8936170213%, #3f3fff 17.0212765957%, blue 17.0212765957%, blue 23.4042553191%, #3f3fff 23.4042553191%, #3f3fff 25.5319148936%, blue 25.5319148936%, blue 31.914893617%, #3f3fff 31.914893617%, #3f3fff 34.0425531915%, blue 34.0425531915%, blue 40.4255319149%, #3f3fff 40.4255319149%, #3f3fff 42.5531914894%, blue 42.5531914894%, blue 48.9361702128%, #3f3fff 48.9361702128%, #3f3fff 51.0638297872%, blue 51.0638297872%, blue 57.4468085106%, #3f3fff 57.4468085106%, #3f3fff 59.5744680851%, blue 59.5744680851%, blue 65.9574468085%, #3f3fff 65.9574468085%, #3f3fff 68.085106383%, blue 68.085106383%, blue 74.4680851064%, #3f3fff 74.4680851064%, #3f3fff 76.5957446809%, blue 76.5957446809%, blue 82.9787234043%, #3f3fff 82.9787234043%, #3f3fff 85.1063829787%, blue 85.1063829787%, blue 91.4893617021%, #3f3fff 91.4893617021%, #3f3fff 93.6170212766%, blue 93.6170212766%, blue);
}
<html>
<head></head>
<body class="container">HELLO</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.