Turns a standard list into a block list; very useful for touch interfaces. Improvements welcome.
Yannick Schall zapatoche
zapatoche
/ dabblet.css
Created
January 15, 2013 14:33
— forked from lensco/dabblet.css
box-shadow vs filter: drop-shadow 2
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * box-shadow vs filter: drop-shadow 2 | |
| */ | |
| body { | |
| background: #ddd; | |
| font: 16px/1 sans-serif; | |
| margin: 50px; | |
| } |
zapatoche
/ icons.sass
Created
January 4, 2013 00:18
— forked from nickawalsh/icons.sass
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @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
/ jammit_generator.rb
Created
December 30, 2012 21:09
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ responsive_table.scss
Created
October 25, 2012 21:15
— forked from chriseppstein/responsive_table.scss
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @include handhelds { | |
| table.responsive { | |
| width: 100%; | |
| thead { | |
| display: none; | |
| } | |
| tr { | |
| display: block; | |
| } | |
| td, th { |
zapatoche
/ Readme.md
Created
October 25, 2012 18:50
— forked from krisbulman/Readme.md
A Sass mixin for block lists.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // custom post type | |
| add_action('init', 'portfolio_register'); | |
| function portfolio_register() { | |
| $labels = array( | |
| 'name' => __('My Portfolio', 'post type general name'), | |
| 'singular_name' => __('Portfolio Item', 'post type singular name'), | |
| 'add_new' => __('Add New', 'portfolio item'), |
zapatoche
/ compass-config.rb
Created
September 21, 2012 15:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # ============================================================================== | |
| # REQUIRED 3RD PARTY COMPASS EXTENSIONS | |
| # ============================================================================== | |
| require 'susy' | |
| # ============================================================================== | |
| # COMPASS PROJECT CONFIGURATION | |
| # ============================================================================== | |
| # Can be `:stand_alone` or `:rails`. Defaults to `:stand_alone`. |
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $gutter: 10px; | |
| $grid-unit: 60px; | |
| %clearfix { | |
| *zoom: 1; | |
| &:after { | |
| content: "\0020"; | |
| display: block; | |
| height: 0; | |
| clear: both; |
zapatoche
/ output.css
Created
July 9, 2012 16:38
— forked from aquelito/output.css
SCSS Compass Font Size - Vertical Rhythm
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ dabblet.css
Created
June 7, 2012 11:40
— forked from LeaVerou/dabblet.css
Text masking — The SVG way
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Text masking — The SVG way | |
| */ | |
| svg { | |
| width: 6em; height: 1.5em; | |
| font: 900 500%/1.2 'Arial Black', sans-serif; | |
| } | |
| text { fill: url(#wood); } |