Skip to content

Instantly share code, notes, and snippets.

View zellwk's full-sized avatar

Zell Liew zellwk

View GitHub Profile
@zellwk
zellwk / SassMeister-input-HTML.html
Last active August 29, 2015 14:04
Generated by SassMeister.com.
<div class="wrap">
<div class="content intro">
<h1 class="title">This is Chapparal</h1>
<h2 class="subtitle">
Created by Adobe type designer Carol Twombly, Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. By Adobe
</h2>
<div class="content__left">
<p>
@zellwk
zellwk / SassMeister-input.scss
Created August 19, 2014 10:48
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
// Deep nested values in Sass maps.
// Fetch a deep value in a multi-level map.
// https://gist.github.com/HugoGiraudel/9933331
@zellwk
zellwk / SassMeister-input.scss
Created August 19, 2014 10:48
scss:map-set by Hugo
// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----
// Deep set function to set a value in nested maps
// ----------
// @param [map] $map: map
// @param [list] $keys: list of keys to reach
// @param [literal] $value: value to assign
@zellwk
zellwk / SassMeister-input.scss
Created August 19, 2014 10:50 — forked from pascalduez/SassMeister-input.scss
scss: map-set by pascalduez
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
// Deep nested values in Sass maps.
// Fetch a deep value in a multi-level map.
// https://gist.github.com/HugoGiraudel/9933331
@zellwk
zellwk / SassMeister-input.html
Last active August 29, 2015 14:05
Generated by SassMeister.com.
<div class="wrap">
<div class="content">
<h1>This is Chapparal</h1>
<h2>Created by Adobe type designer Carol Twombly, Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. By Adobe</h2>
<div class="text">
<div class="text__child">
<p>
The result is a versatile, hybrid slab-serif design, a unique addition to the Adobe Originals family of typefaces. Unlike “geometric” slab serif designs, Chaparral has varying letter proportions that give it an accessible and friendly appearance in all weights from light to bold.
</p>
@zellwk
zellwk / gist:5ddfbde0e83da3d3f9a0
Created August 29, 2014 09:12
Gruntfile for WP
'use strict';
// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'
module.exports = function(grunt) {
// load all grunt tasks
require('load-grunt-tasks')(grunt);
@zellwk
zellwk / SassMeister-input-HTML.html
Created September 1, 2014 12:13
Generated by SassMeister.com.
<div class="notice"><h3>Susy is GREAT.. But really..!</h3></div>
<div class="container">
<div class="one"><strong>1</strong><br />
@include span(8)<br />
@include prefix(1) <em>//padding</em><br />
</div>
<div class="buttons">
@zellwk
zellwk / SassMeister-input-HTML.html
Last active August 29, 2015 14:16
Generated by SassMeister.com.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Susy Starter</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
@zellwk
zellwk / SassMeister-input-HTML.html
Created March 20, 2015 04:26
Generated by SassMeister.com.
<div class="gallery">
<div class="gallery__item"></div>
<div class="gallery__item"></div>
<div class="gallery__item"></div>
<div class="gallery__item"></div>
</div>
@zellwk
zellwk / SassMeister-input-HTML.html
Created April 5, 2015 08:57
Generated by SassMeister.com.
<div class="wrap">
<div class="one item"></div>
<div class="two item"></div>
<div class="three item"></div>
<div class="four item"></div>
</div>