Skip to content

Instantly share code, notes, and snippets.

Miriam Suzanne mirisuzanne

Block or report user

Report or block mirisuzanne

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@mirisuzanne
mirisuzanne / SassMeister-input-HTML.html
Created Jul 14, 2015
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<ul class="solutionThumbnails">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
@mirisuzanne
mirisuzanne / SassMeister-input-HTML.html
Created Jun 19, 2015
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<ul class="solutionThumbnails">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
@mirisuzanne
mirisuzanne / SassMeister-input-HTML.html
Created May 20, 2015
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="gallery">
<div class="item item1of3">1...</div>
<div class="item item1of3">1...</div>
<div class="item item1of3">1...</div>
<div class="item item2of3">2...</div>
<div class="item item1of3">1...</div>
<div class="item item3of3">3...</div>
<div class="item item1of3">1...</div>
<div class="item item2of3">2...</div>
<div class="item item2of3">2...</div>
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created May 15, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
.test {
-quotes: 'this-string' == 'this-string';
-quotes: this-string == 'this-string';
-quotes: 'this-string' == "this-string";
-quotes: 'this-string' == '"this-string"';
@mirisuzanne
mirisuzanne / SassMeister-input-HTML.html
Created May 14, 2015
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="grid-test">
<h2>Test of indenting</h2>
<div class="person-wrapper-3">
<div class="block block-person">
<img src="http://placehold.it/150x150" class="img-rounded">
<h4>Person Name</h4>
<p>This is sample text</p>
</div>
<div class="block block-person">
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created May 11, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v3.2.2)
// ----
@import "susy";
$susy:(
container:1200px,
math:fluid,
output:isolate,
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Last active Aug 29, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v3.1.0)
// ----
// uncomment the fraction line to break libsass...
$numbers: (
integer: 4,
decimal: .25,
// fraction: 1/4,
View command-line
# install the requirements
npm install gulp
npm install gulp-sass
npm install susy
# compile your sass
gulp sass
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created Feb 22, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v3.1.0)
// ----
@import "susy";
.pad {
@include pad(1 of 12);
}
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created Feb 2, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// Breakpoint (v2.5.0)
// Susy (v2.2.2)
// ----
@import "breakpoint";
@import "susy";
You can’t perform that action at this time.