Skip to content

Instantly share code, notes, and snippets.

View scottkellum's full-sized avatar
🕴️
Working on Typetura

Scott Kellum scottkellum

🕴️
Working on Typetura
View GitHub Profile
@scottkellum
scottkellum / SassMeister-input-HTML.html
Created January 19, 2016 15:33
Generated by SassMeister.com.
<h1>This is a heading</h1>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p>
<h2>This is a heading</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo
@scottkellum
scottkellum / SassMeister-input.scss
Last active March 7, 2019 15:06
Generated by SassMeister.com.
// ----
// Sass (v3.2.19)
// Compass (v0.12.7)
// ----
@function linear-gradient($parameters...) {
$return: linear-gradient;
@each $parameter in $parameters {
$return: append($return,$parameter, comma);
}
@scottkellum
scottkellum / SassMeister-input.scss
Created July 16, 2015 12:51
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Modular Scale (v2.1.1)
// ----
@import 'modular-scale';
@mixin ml($range...) {
@if $ms-range == null {$ms-range: $range !global;}
@include ms-respond(line-height, 1, $range, 1);
@scottkellum
scottkellum / SassMeister-input.scss
Created October 31, 2013 20:32
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@mixin mod($mod) {
@at-root #{&}__#{$mod} {
@content
}
}
@scottkellum
scottkellum / SassMeister-input.scss
Created July 25, 2013 17:41
Generated by SassMeister.com, the Sass playground.
// ---
// Modular Scale (v1.0.6)
// Sass (v3.2.9)
// ---
$base-size: 1em;
foo {
font-size: ms(1);
@scottkellum
scottkellum / SassMeister-input.scss
Created June 27, 2013 15:30
Generated by SassMeister.com, the Sass playground.
// ---
// Sass (v3.2.9)
// ---
@mixin background-position($width) {
width: $width;
background-position: ($width - 20px) center;
}
@scottkellum
scottkellum / SassMeister-input.scss
Created May 30, 2013 13:00
Generated by SassMeister.com, the Sass playground.
// ---
// Singularity.gs (v1.0.8)
// Sass (v3.2.9)
// ---
.container{
@include background-grid;
// max-width: 940px;
margin: 0 auto;
@scottkellum
scottkellum / SassMeister-input.scss
Created February 5, 2013 17:06
Generated by SassMeister.com, the Sass playground.
// Sass v3.2.7
// Breakpoint v1.3
@import "breakpoint";
@function color() {
$context: breakpoint-get-context(min-width);
@if $context == 550px {
@return blue;
}
@scottkellum
scottkellum / SassMeister-input.scss
Created March 27, 2013 17:35
Generated by SassMeister.com, the Sass playground.
// ---
// Singularity.gs (v1.0.5)
// Sass (v3.2.7)
// ---
$grids: 12;
$gutters: 1/3;
div {
@scottkellum
scottkellum / SassMeister-input-HTML.html
Created January 19, 2016 15:28
Generated by SassMeister.com.
<h1>This is a heading</h1>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p>
<h2>This is a heading</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo