zapatoche’s gists

zapatoche / output.css

Created July 9, 2012 16:38 — forked from aquelito/output.css

SCSS Compass Font Size - Vertical Rhythm

	html {
	font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; }

	h1, .h1 {
	font-size: 4em;
	line-height: 1.5em;
	margin: 0.5em 0; }

	h2, .h2 {
	font-size: 3em;

zapatoche / 0_silent_selector_grid.scss

Created July 16, 2012 12:44 — forked from chriseppstein/0_silent_selector_grid.scss

This gist describes a new feature we're experimenting with for Sass 3.2: placeholder selectors. They do not get generated into your output, but they can be used like a class and extended like one.

	$gutter: 10px;
	$grid-unit: 60px;

	%clearfix {
	*zoom: 1;
	&:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;

zapatoche / compass-config.rb

Created September 21, 2012 15:47

	# ==============================================================================
	# REQUIRED 3RD PARTY COMPASS EXTENSIONS
	# ==============================================================================
	require 'susy'

	# ==============================================================================
	# COMPASS PROJECT CONFIGURATION
	# ==============================================================================

	# Can be `:stand_alone` or `:rails`. Defaults to `:stand_alone`.

zapatoche / Readme.md

Created October 25, 2012 18:50 — forked from krisbulman/Readme.md

A Sass mixin for block lists.

Turns a standard list into a block list; very useful for touch interfaces. Improvements welcome.

Codepen: http://codepen.io/krisbulman/pen/zhlrs
JSFiddle: http://jsfiddle.net/pwRqS/11/
Inspiration: https://github.com/csswizardry/inuit.css/blob/master/inuit.css/partials/objects/_block-list.scss

zapatoche / responsive_table.scss

Created October 25, 2012 21:15 — forked from chriseppstein/responsive_table.scss

	@include handhelds {
	table.responsive {
	width: 100%;
	thead {
	display: none;
	}
	tr {
	display: block;
	}
	td, th {

zapatoche / jammit_generator.rb

Created December 30, 2012 21:09

	require "jammit"

	module Jekyll
	class JammitGenerator < Generator
	safe true

	def generate(site)
	jammit_config = site.config["jammit_config"] \|\| "_assets.yml"
	jammit_base_dir = site.config["jammit_base_dir"] \|\| File.join(".", site.config["source"])
	jammit_output_dir = site.config["jammit_output_dir"] \|\| "assets"

zapatoche / icons.sass

Created January 4, 2013 00:18 — forked from nickawalsh/icons.sass

	@import compass

	$icons: sprite-map("icons/*.png")
	$icons-hd: sprite-map("icons-hd/*.png")

	i
	background: $icons
	display: inline-block
	@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
	+background-size(image-width(sprite-path($icons)) auto)

zapatoche / dabblet.css

Created January 15, 2013 14:33 — forked from lensco/dabblet.css

box-shadow vs filter: drop-shadow 2


	/**
	* box-shadow vs filter: drop-shadow 2
	*/

	body {
	background: #ddd;
	font: 16px/1 sans-serif;
	margin: 50px;
	}

zapatoche / jQuery HTML5 placeholder fix.js

Created February 4, 2013 17:06 — forked from hagenburger/jQuery HTML5 placeholder fix.js

	// Released under MIT license: http://www.opensource.org/licenses/mit-license.php

	$('[placeholder]').focus(function() {
	var input = $(this);
	if (input.val() == input.attr('placeholder')) {
	input.val('');
	input.removeClass('placeholder');
	}
	}).blur(function() {
	var input = $(this);

zapatoche / dabblet.css

Created May 30, 2013 17:02 — forked from LeaVerou/dabblet.css

Vertically centered text with SVG

	/* Vertically centered text with SVG */

	div {
	width: 300px;
	height: 150px;
	background: #f06;
	font: bold 150% sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
	overflow: hidden; resize: both; /* just for this demo */
	color: white;

Yannick Schall zapatoche