Rasmus Thulstrup thulstrup
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
| { | |
| "bold_folder_labels": true, | |
| "color_scheme": "Packages/User/Espresso Soda.tmTheme", | |
| "ensure_newline_at_eof_on_save": true, | |
| "file_exclude_patterns": | |
| [ | |
| ".DS_Store", | |
| ".gitkeep", | |
| "dump.rdb" | |
| ], |
KuraFire
/ rgbaa.scss
Created
September 13, 2012 21:18
More dynamic, oldIE-compatible SCSS function for rgba
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
| @function rgbaa($args...) { | |
| // rgbaa(#FFF, .5) | |
| @if length($args) == 2 { | |
| $hex: nth($args, 1); | |
| $alpha: nth($args, 2); | |
| @if $oldIE == 1 { | |
| @return rgb(red($hex), green($hex), blue($hex)); | |
| } @else { | |
| @return rgba(red($hex), green($hex), blue($hex), $alpha); |
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
| // A mixin for media queries: @mq | |
| // | |
| // Use with keywords in $medias array: | |
| // @include mq($media: iphone) { | |
| // ... | |
| // } | |
| // | |
| // Use with manual queries: | |
| // @include mq("all and (min-width:33em)") { | |
| // ... |
ddemaree
/ _retina.scss
Created
April 26, 2013 20:49
Example Sass mixin for a "bulletproof" Hi-DPI media query
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
| @mixin retina($ratio: 1.5) { | |
| $dpi: $ratio * 96; | |
| $opera-ratio: $ratio * 100; | |
| @media only screen and (-webkit-min-device-pixel-ratio: #{$ratio}), | |
| only screen and ( -o-min-device-pixel-ratio: '#{$opera-ratio}/100'), | |
| only screen and ( min-resolution: #{$dpi}dpi), | |
| only screen and ( min-resolution: #{$ratio}dppx) { | |
| @content; | |
| } |
chriseppstein
/ 0_namespacing.scss
Created
May 25, 2013 17:37
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
| mymodule { | |
| @at-root { | |
| .#{&}-header { ... } | |
| .#{&}-footer { ... } | |
| .#{&}-body { | |
| a { ... } | |
| span { ... } | |
| p { ... } | |
| } | |
| } |
micahgodbolt
/ SassMeister-input.scss
Created
June 24, 2013 16:08
Another stab at Filament Group's Element Query challenge.
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
| // --- | |
| // Sass (v3.2.9) | |
| // --- | |
| @mixin respond-to($queries...) { | |
| $length: length($queries); | |
| @for $i from 1 through $length{ | |
| @if $i % 2 == 1 { | |
| @media screen and (min-width: nth($queries, $i)) { |
Snugug
/ server.bash
Created
October 26, 2013 18:22
OS X 10.9 (Mavericks) comes with PHP 5.4.17 out of the box, allowing you to start a PHP development server in any directory by running `php -S localhost:8888` with `8888` being the port number you'd like to use. This is a little bash/zsh function to reduce that to `server 8888`. Simply add this to `bash_profile` or `zshconfig`. For more on the P…
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
| server() { | |
| php -S localhost:"$*"; | |
| } |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Styled Select</title> | |
| </head> | |
| <style> | |
| * { |
pburtchaell
/ styles.css
Last active
February 12, 2025 08:45
VH and VW units can cause issues on iOS devices. To overcome this, create media queries that target the width, height, and orientation of iOS devices.
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
| /** | |
| * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units | |
| * | |
| * To overcome this, create media queries that target the width, height, and orientation of iOS devices. | |
| * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing | |
| * the height of element `.foo` —which is a full width and height cover image. | |
| * | |
| * iOS Resolution Quick Reference: http://www.iosres.com/ | |
| */ | |
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
| var cheerio = require('gulp-cheerio'); | |
| var svgmin = require('gulp-svgmin'); | |
| var svgstore = require('gulp-svgstore'); | |
| gulp.task('svgstore', function () { | |
| return gulp | |
| .src('assets/icons/*.svg') | |
| .pipe(svgmin()) | |
| .pipe(svgstore({ fileName: 'icons.svg', prefix: 'icon-' })) | |
| .pipe(cheerio({ |