Skip to content

Instantly share code, notes, and snippets.

View vpugh's full-sized avatar

Tori Pugh vpugh

View GitHub Profile
@vpugh
vpugh / .js
Created January 23, 2019 20:18
Simple breakdown of functions and promises
/*
var shouldIResolve = false;
function explainPromises() {
return new Promise(
function(resolve, reject) {
if (shouldIResolve === true) {
console.log("About to resolve...");
resolve();
} else {
@vpugh
vpugh / SassMeister-input.scss
Created December 13, 2016 16:00
Precise control over responsive typography for Sass
// ----
// libsass (v3.3.6)
// ----
// =========================================================================
//
// PRECISE CONTROL OVER RESPONSIVE TYPOGRAPHY FOR SASS
// ---------------------------------------------------
// Indrek Paas @indrekpaas
//
@vpugh
vpugh / SassMeister-input-HTML.html
Created October 21, 2015 13:40
Generated by SassMeister.com.
<div class="">
<div class="flexible-column"><span></span></div>
<div class="flexible-column"><span></span></div>
<div class="flexible-column"><span></span></div>
<div class="flexible-column"><span></span></div>
<div class="flexible-column"><span></span></div>
<div class="flexible-column"><span></span></div>
<div class="flexible-column"><span></span></div>
</div>
@vpugh
vpugh / SassMeister-input.scss
Created October 5, 2015 14:50
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
@mixin prefix($property, $value, $prefixes) {
@each $prefix in $prefixes {
#{$prefix}-#{$property}:$value;
}
#{$property}:$value;
@vpugh
vpugh / gist:ebb101b4053214a7368f
Created October 5, 2015 14:49 — forked from anthonyshort/gist:1178298
Prefixing with Sass
@mixin border-radius($radius, $prefixes: -moz -webkit -o) {
@each $prefix in $prefixes {
#{$prefix}-border-radius:$radius;
}
border-radius:$radius;
}
#id {
@include border-radius(5px, -moz -webkit);
@vpugh
vpugh / SassMeister-input.scss
Created September 30, 2015 13:29
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
/**
* @set_gutter
*
* Gets a list of values and a property (padding or margin) and creates
* a property multiplying with specified gutter or static value
*
@vpugh
vpugh / SassMeister-input.scss
Created August 28, 2015 15:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
&:after, &:before {
@vpugh
vpugh / SassMeister-input.scss
Created July 20, 2015 13:14
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
&:after, &:before {
@vpugh
vpugh / SassMeister-input-HTML.html
Created April 15, 2015 13:44
Generated by SassMeister.com.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1"
id="US_MAP" xmlns:cc="http://creativecommons.org/ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="990px" height="627.1px"
viewBox="15 -33.1 990 627.1" style="enable-background:new 15 -33.1 990 627.1;" xml:space="preserve">
<path id="_x23_separator" class="HI-AK-split" d="M288.9,492.4v63.1l41.3,37.3 M15,414.4h197.2l76.8,78h98.6l60.8,61.9v38.5"/>
<g id="WY">
<path id="Laramie_x2C__WY" class="WY" d="M378.7,186.7l10.6,1.1l-0.2,2l10.2,0.9l-0.3,3.9l-0.8,9l-15.3-1.3l-5.7-0.6L378.7,186.7"
@vpugh
vpugh / SassMeister-input-HTML.html
Created October 27, 2014 04:06
Generated by SassMeister.com.
<div>
Hello
</div>
<span class="button">Btn</span>
<section>
<aside>What is it about?</aside>
<article>Neat is an open source semantic grid framework built on top of Sass and Bourbon…</article>
</section>