Skip to content

Instantly share code, notes, and snippets.

Nick Walsh nickawalsh

Block or report user

Report or block nickawalsh

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View input.sass
// -------------------------------------
// Vars
// -------------------------------------
$c-base: #333
$c-action: #ff971c
$c-keys: $c-base, $c-action
$c-registry: ()
View _grids.sass
//------------------------------------------------------
// Grids
//
// Based on the following:
// * https://github.com/necolas/suit-grid
// * https://github.com/csswizardry/csswizardry-grids
//------------------------------------------------------
$grid-columns: 12 !default
$grid-defaults: "lap" 480px, "desk" 800px !default
@nickawalsh
nickawalsh / icons.sass
Last active Dec 13, 2018
Auto Hi-res Sprites
View 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: $icons-hd
View _settings.sass
=respond-to($val, $query: min-width, $media: screen)
@media #{$media} and ($query: $val)
@content
View _settings.sass
%debug
background-color: pink !important
@nickawalsh
nickawalsh / _settings.sass
Last active Oct 8, 2015
Serve IE Responsive Desktop Version
View _settings.sass
=respond-to($value, $query: min-width, $ie: false)
@media ($query: $value)
@content
@if $ie
.ie &
@content
View gist:2923581
/* Sample usage: +caret(bottom, 8px, #000); */
=caret($side, $size, $color)
$opposite: opposite-position($side)
+stretch(50%,auto,auto,50%)
border: $size solid transparent
border-#{$opposite}: $size solid $color
border-#{$side}: 0
content: ''
display: block
You can’t perform that action at this time.