Joe Norris JoeNoPhoto
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
| @mixin transition($args...) { | |
| -webkit-transition: $args; | |
| -moz-transition: $args; | |
| -ms-transition: $args; | |
| -o-transition: $args; | |
| transition: $args; | |
| } |
JoeNoPhoto
/ animationAndKeyframes.scss
Last active
October 14, 2015 07:10
Animations and Keyframes Mixin
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
| @mixin keyframes($animation-name) { | |
| @-webkit-keyframes $animation-name { | |
| @content; | |
| } | |
| @-moz-keyframes $animation-name { | |
| @content; | |
| } | |
| @-ms-keyframes $animation-name { | |
| @content; | |
| } |
JoeNoPhoto
/ svgBackgroundFallback.scss
Created
October 14, 2015 07:03
SVG background images with PNG and retina fallback
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-path: '../img' !default; | |
| $fallback-extension: 'png' !default; | |
| $retina-suffix: '@2x'; | |
| @mixin background-image($name, $size:false){ | |
| background-image: url(#{$image-path}/#{$name}.svg); | |
| @if($size){ | |
| background-size: $size; | |
| } | |
| .no-svg &{ | |
| background-image: url(#{$image-path}/#{$name}.#{$fallback-extension}); |
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
| @function calculateRem($size) { | |
| $remSize: $size / 16px; | |
| @return $remSize * 1rem; | |
| } | |
| @mixin font-size($size) { | |
| font-size: $size; | |
| font-size: calculateRem($size); | |
| } |
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
| @mixin bp-large { | |
| @media only screen and (max-width: 60em) { | |
| @content; | |
| } | |
| } | |
| @mixin bp-medium { | |
| @media only screen and (max-width: 40em) { | |
| @content; | |
| } |
JoeNoPhoto
/ modernizrFlexbox.js
Created
October 13, 2015 23:18
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
| /* modernizer flexbox functionality */ | |
| !function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,s,i,a;for(var l in C){if(e=[],n=C[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(o=r(n.fn,"function")?n.fn():n.fn,s=0;s<e.length;s++)i=e[s],a=i.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),g.push((o?"":"no-")+a.join("-"))}}function s(e){var n=x.className,t=Modernizr._config.classPrefix||"";if(_&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),_?x.className.baseVal=n:x.className=n)}function i(e,n){return function(){return e.apply(n,arguments)}}function a(e,n,t){var o;for(var s in e)if(e[s]in n)return t===!1?e[s]:( |
NewerOlder