Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head></head> | |
<body class=".container">HELLO</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.6) | |
// Compass (v1.0.1) | |
// Singularity.gs (v1.4.0) | |
// ---- | |
@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); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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