Jakob Eriksen jakob-e
jakob-e
/ SassMeister-input.scss
Last active
December 27, 2015 08:58
breakpoints
Generated by SassMeister.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
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| // ༺----------------------------------༶----------------------------------༻ | |
| // | |
| // From GitHub | |
| // | |
| // |
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.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| @media all { | |
| %all-grid { content:'all';} | |
| } | |
| @media (max-width:480px){ | |
| %mobile-grid-col { content:'mobile-grid-col';} |
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 strip-units($number) { | |
| @return $number / ($number * 0 + 1); | |
| } | |
| @mixin nth-child($an: 2n, $sibling: '*', $count: 15) { | |
| $index: ''; | |
| $n: false; | |
| $selector: ''; | |
| $modifier: 0; | |
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.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| $breakpoints-initialized: (papa-bear: false, mama-bear: false, baby-bear: false); | |
| $breakpoints: (papa-bear: 1600px, mama-bear: 1250px, baby-bear: 650px); | |
| @mixin initialize-breakpoint($point) { | |
| @if not map-get($breakpoints-initialized, $point) { |
jakob-e
/ Prevent iOS form element focus zoom
Last active
December 31, 2015 00:49
— forked from zachleat/gist:2008932
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
| // ====================================== | |
| // iOS zooms on form element focus. | |
| // This script prevents that behavior. | |
| // | |
| // <meta name="viewport" content="width=device-width,initial-scale=1"> | |
| // If you dynamically add a maximum-scale where no default exists, | |
| // the value persists on the page even after removed from viewport.content. | |
| // So if no maximum-scale is set, adds maximum-scale=10 on blur. | |
| // If maximum-scale is set, reuses that original 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
| // ========================================================= | |
| // Paths - SCSS 3.3 | |
| // ========================================================= | |
| $paths:( | |
| url : '', | |
| img : '../img/', | |
| gfx : '../gfx/', | |
| font : '../fonts/', | |
| ); |
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
| <div class="grid"> | |
| <div class="col_1"></div> | |
| <div class="col_2"></div> | |
| <div class="col_3"></div> | |
| <div class="col_4"></div> | |
| <div class="col_5"></div> | |
| <div class="col_6"></div> | |
| <div class="col_7"></div> | |
| <div class="col_8"></div> | |
| <div class="col_9"></div> |
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.4.0) | |
| // Compass (v1.0.0) | |
| // ---- | |
| // Create a map containing breakpoints | |
| // | |
| $breakpoints:( | |
| all : 0 0, |
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.3.14) | |
| // Compass (v1.0.0) | |
| // ---- | |
| // =========================================== | |
| // | |
| // Extending Within Media Queries Revisited | |
| // http://sassmeister.com/gist/e61a7e0cf08c82c1ad2a | |
| // |