Skip to content

Instantly share code, notes, and snippets.

View Undistraction's full-sized avatar

Pedr Browne Undistraction

View GitHub Profile
@Undistraction
Undistraction / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.5)
// Compass (v1.0.1)
// ----
$unit: rem;
$value: 23;
.Box {
// Try interpolation
@Undistraction
Undistraction / SassMeister-input.scss
Created October 14, 2014 22:13
Generated by SassMeister.com.
// ----
// Sass (v3.4.5)
// Compass (v1.0.1)
// ----
/*! rhythm v0.1.4 – 14.10.2014 */
////
/// @author Pedr Browne (extracted from Compass Vertical Rhythm by Eric M. Suzanne).
/// @group Config
@Undistraction
Undistraction / SassMeister-input-HTML.html
Last active August 29, 2015 14:08
Generated by SassMeister.com.
<div class="Box--right"></div>
<div class="Box--bottom"></div>
<div class="Box--left"></div>
<div class="Box--top"></div>
var changed = require('gulp-changed');
var gulp = require('gulp');
var imagemin = require('gulp-imagemin');
var cache = require('gulp-cache');
gulp.task('images', function () {
var dest = './dist/images';
return gulp.src('./src/images/**')
.pipe(changed(dest)) // Ignore unchanged files
@Undistraction
Undistraction / SassMeister-input-HTML.html
Last active August 29, 2015 14:08
Generated by SassMeister.com.
<div class="Wrapper">
<div class="VideoContainer Vimeo Sixteen-Nine">
<iframe src="http://player.vimeo.com/video/109777141?byline=0&amp;portrait=0&amp;badge=0&amp;color=090909" class="js-only" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</div>
</div>
@Undistraction
Undistraction / SassMeister-input.scss
Last active August 29, 2015 14:09
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// Sassy Maps (v0.4.0)
// ----
@import "sassy-maps";
$palette-map: (
blue: #003DFF,
@Undistraction
Undistraction / SassMeister-input-HTML.html
Last active August 29, 2015 14:10
Basic susy layout
<div class="Page">
<section class="first"></section>
<section class="second"></section>
<section class="third"></section>
</div>
@Undistraction
Undistraction / SassMeister-input-HTML.html
Last active August 29, 2015 14:10
Generated by SassMeister.com.
<div class="wrap">
<header class="Page-header">
<h4>Title</h4>
</header>
</div>
<div class="Page-body">
<section class="first"></section>
<section class="second"></section>
<section class="third"></section>
</div>
<script type="text/javascript">
// This is a hack to rewrite font-names so that different weights / styles of the same face have
// the same font-name.
(function () {
'use strict';
var faceFrom = 'Maison Neue Medium';
var faceTo = 'Maison Neue';
(function(e, t) {
var n = {
"cssurl": "http://f.fontdeck.com/s/css/nqzf9dyjxdWCfc1VihiAGc6V9dY/intercitystudio.dev/49493.css",
"domain": "intercitystudio.dev",
"project": "49493",
"cssbase": "http://f.fontdeck.com/s/css/nqzf9dyjxdWCfc1VihiAGc6V9dY",
"fonts": [{
"font_family": "'Maison Neue Medium', Calibri, Arial, Roboto, sans-serif",
"font_urls": {
"woff": "http://f.fontdeck.com/f/1/VWo4SDM2bkoAA9g7Alhx+U/ifCeFhDJu9B3Pq+RQg1g7dsmVeosxbEd7CgQClWE+AiwtDYDwtTGSvbx0bjuKAJA5w65ZOvKWaZnZSQBRNOS6LNYXtJaRosKqzO5ZCrnMgjk.woff"