William wfendler
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
| /*------------------------------------*\ | |
| 3M Homepage Feed Nav Bar Styles | |
| \*------------------------------------*/ | |
| .feed { | |
| .nav { | |
| .h4 { | |
| } | |
| ul { | |
| li { | |
| a { |
wfendler
/ gist:5421650
Created
April 19, 2013 16:57
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
| class TrackAnalytics | |
| constructor: (@el) -> | |
| @bindEvents() | |
| bindEvents: -> | |
| @el.on 'click', (e) => | |
| e.preventDefault() | |
| @setEventProps() |
wfendler
/ gist:5421580
Created
April 19, 2013 16: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
| class TrackAnalytics | |
| constructor: (@el) -> | |
| @bindEvents() | |
| bindEvents: -> | |
| $('body').on 'click', '.track', (e) => | |
| e.preventDefault() | |
| @setEventProps() |
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
| .crazy-css3 { | |
| css3prop: crazy-value; | |
| .lt-ie9 & { | |
| ie-fallback: awesome; | |
| } | |
| } | |
| // compiles to: | |
| .crazy-css3 { | |
| css3prop: crazy-value; |
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
| // *************************************************************************** | |
| // in _vars.scss | |
| // *************************************************************************** | |
| // Breakpoints | |
| $hand-start: 481px; | |
| $lap-start: 768px; | |
| $desk-start: 1024px; | |
| $wall-start: 1200px; | |
wfendler
/ gist:5348184
Created
April 9, 2013 18:35
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
| /** | |
| * Backgrounds | |
| */ | |
| .bg--radial { | |
| background: url('/public/images/bg-radial.png') transparent no-repeat center bottom; | |
| } | |
| @include media-query(1035px){ | |
| .bg--radial { | |
| background: url('/public/images/bg-grate--alt.png') transparent no-repeat center bottom; | |
| } |
wfendler
/ ExploreMap.js
Last active
December 15, 2015 17:39
Don't know how to add the data I get inside of the $list.find('li').each() and add it to the ExploreMap.locations object
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
| /** | |
| * Explore Map | |
| */ | |
| define([ | |
| 'jquery' | |
| ], function( | |
| $ | |
| ) { | |
| 'use strict'; |
wfendler
/ Accessing CSS "breakpoints" via JS
Created
March 25, 2013 19:10
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
| // Le Sass | |
| // This goes through media queries and puts value in pseudo element as a js-hook | |
| $_query-list: palm-and-down hand-and-up lap-and-up desk-and-up; | |
| @each $mq in $_query-list { | |
| @include media-query($mq) { | |
| body:before { content: "#{$mq}"; display: none; } | |
| } | |
| } | |
| // Le JavaScript |
NewerOlder