Daniel Wearne wernah
wernah
/ diamonds.html
Last active
August 29, 2015 14:05
— forked from markbrown4/diamonds.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"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>diamonds</title> | |
| <style type="text/css"> | |
| #diamonds { | |
| width: 400px; | |
| height: 400px; |
wernah
/ _grid.scss
Created
July 12, 2013 06:36
We modified the original _grid.scss file to make a medium breakpoint.
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
| // | |
| // Grid Variables | |
| // | |
| $row-width: emCalc(1140px) !default; | |
| $column-gutter: emCalc(0px) !default; | |
| $total-columns: 12 !default; | |
| // | |
| // Grid Function | |
| // |
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 respond-to($media) { | |
| @if $media == small-mode { | |
| @media only screen and (max-width: 420px) { @content } | |
| } | |
| @else if $media == medium-mode { | |
| @media only screen and (max-width: 769px) { @content } | |
| } | |
| @else if $media == large-mode { | |
| @media only screen and (max-width: 980px) { @content } | |
| } |
wernah
/ gist:4552954
Created
January 17, 2013 02:19
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
| @font-face { | |
| font-family: 'HelveticaNeue'; | |
| src: url('fonts/HelveticaNeue/HelveticaNeueLTCom-Roman/HelveticaNeueLTCom-Roman.eot'); | |
| src: url('fonts/HelveticaNeue/HelveticaNeueLTCom-Roman/HelveticaNeueLTCom-Roman.eot?#iefix') format('embedded-opentype'), | |
| url('fonts/HelveticaNeue/HelveticaNeueLTCom-Roman/HelveticaNeueLTCom-Roman.woff') format('woff'), | |
| url('fonts/HelveticaNeue/HelveticaNeueLTCom-Roman/HelveticaNeueLTCom-Roman.ttf') format('truetype'), | |
| url('fonts/HelveticaNeue/HelveticaNeueLTCom-Roman/HelveticaNeueLTCom-Roman.svg') format('svg'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } |
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 respond-to($media) { | |
| @if $media == iphone { | |
| @media only screen and (max-width: 640px) { @content } | |
| } | |
| @else if $media == ipad { | |
| @media only screen and (max-width: 980px) { @content } | |
| } | |
| @else if $media == ipad-landscape { | |
| @media only screen and (max-width: 1024px) { @content } | |
| } |
wernah
/ application.coffee
Created
June 13, 2012 01:55
— forked from geelen/application.coffee
Iphone test
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
| @PosterCtrl = ($scope) -> | |
| $scope.posters = [ | |
| title: "Blade Runner" | |
| url: "http://cf2.imgobject.com/t/p/w342/keDKC1r2SyA6uDkEzzVyH8xUzW8.jpg" | |
| , | |
| title: "Labyrinth" | |
| url: "http://cf2.imgobject.com/t/p/w342/40D6CVNGYbIgg7Sdt1jAYkFA08d.jpg" | |
| , | |
| title: "Jaws" |