Divya Manian nimbupani
nimbupani
/ sass_vertical
Created
January 14, 2010 15:46
This file contains 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/reset.sass | |
| *:focus | |
| outline: #ccc dotted medium | |
| !base_font_size = 12px | |
| !base_rhythm_unit= 1.5 | |
| !h2_font_size = 14px |
nimbupani
/ gist:277296
Created
January 14, 2010 16:34
This file contains 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
| !h2_font_size = 24px | |
| !base_rhythm_unit = 18px | |
| @if (!h2_font_size > !base_rhythm_unit) | |
| line-height = ceil(!h2_font_size/!base_rhythm_unit)*!base_rhythm_unit | |
| @else | |
| line-height = !base_rhythm_unit | |
nimbupani
/ _vertical_rhythm.sass
Created
March 22, 2010 16:06
— forked from mirisuzanne/_vertical_rhythm.sass
This file contains 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
| //** Vertical Rhythm **// | |
| // By Chris Eppstein, with adjustments by Eric Meyer | |
| // The IE font ratio is a fact of life. Deal with it. | |
| !ie_font_ratio = 16px / 100% | |
| // The base line height is the basic unit of line hightness. | |
| !base_line_height ||= 18px | |
nimbupani
/ image-replacement.sass
Created
April 13, 2010 01:38
This file contains 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
| // Image Replacement Mixin | |
| // Uses Compass's image_url(), image_width() & image_height() function | |
| =image-replacement(!imageurl) | |
| background-image = image_url(!imageurl) | |
| width = image_width(!imageurl) | |
| height = image_height(!imageurl) | |
| display: block | |
| overflow: hidden | |
| text-indent: -1000px |
nimbupani
/ HTML5-default.css
Created
June 19, 2010 08:07
This file contains 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
| // CSS declared in for HTML5 elements http://www.whatwg.org/specs/web-apps/current-work/#bindings | |
| button, | |
| input, | |
| meter, progress, | |
| select, | |
| textarea, | |
| keygen, | |
| { display: inline-block; } |
nimbupani
/ DetectCreditCardType.html
Created
December 8, 2010 01:35
— forked from tbranyen/DetectCreditCardType.html
This file contains 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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Detect Credit Card Type</title> | |
| </head> | |
| <body> |
This file contains 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"; | |
| @mixin generategrid( | |
| $vertical: 18px, | |
| $verticalcolor: rgb(0, 0, 0), | |
| $horizontal: 30px, | |
| $horizontalmargin: 10px, | |
| $horizontalcolor: rgb(0, 43, 255)) { | |
| @include linear-gradient(color-stops($verticalcolor 5%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 100%)); |
This file contains 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
| The following is a proposal for a standardized three-letter acronyms classnames system used for in web content structures. | |
| doc, seg, sec | |
| Document Elemental | |
| ------------------ | |
| doc = document | |
| dpt = document part | |
| dhd = document header | |
| dft = document footer |
nimbupani
/ github.sh
Created
April 13, 2011 15:33
— forked from tbranyen/github.sh
This file contains 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
| #!/bin/bash | |
| # | |
| # Copyright 2011, Tim Branyen @tbranyen <tim@tabdeveloper.com> | |
| # Dual licensed under the MIT and GPL licenses. | |
| # | |
| # Automatically clone single or multiple repos into a folder, | |
| # great for setting up a git projects folder. | |
| # | |
| # Install: curl http://t.no.de/gist/github.sh | sh | |
| # |
nimbupani
/ draw-svg.js
Created
June 7, 2011 20:33
— forked from johan/draw-svg.js
Draw an SVG bit by bit
This file contains 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
| var steps = 0 // steps drawn on the current element, so far | |
| , info = document.getElementById('next_step') | |
| , svgs = [].slice.call(document.getElementsByTagName('svg')) | |
| , svg, walker, current; | |
| function lexSVGPath(d) { | |
| function command(seg) { | |
| var cmd = seg.match(/[a-z]/i), arg, cnt; | |
| if (cmd) { | |
| cmd = cmd[0]; // which subcommand |
OlderNewer