Ryan James ryanjames
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
| /* line 5, /Users/ryanjames/Sites/desiring-god/app/assets/stylesheets/modules/_grid.scss */ | |
| .grid-container { | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| max-width: 400px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| /* line 12, /Users/ryanjames/.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */ | |
| .grid-container:after { |
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
| // BEVM Selector Processing | |
| // Quick string replace function | |
| @function str-replace($string, $search, $replace: '') { | |
| $index: str-index($string, $search); | |
| @if $index { | |
| @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); | |
| } | |
| @return $string; |
ryanjames
/ image-pull.scss
Last active
August 29, 2015 14:10
Pull an image outside of a grid container and to the edge of the browser using calc()
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
| /* | |
| Pull an image outside of a grid container and to the edge of the browser | |
| while maintaining its left or right edge position on the grid. | |
| Requires a calc() polyfill for unsupported browsers. | |
| Recommended polyfill: https://github.com/closingtag/calc-polyfill | |
| Current browser support: http://caniuse.com/#feat=calc | |
| */ |
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
| @media screen and (max-device-width: 480px) { | |
| html { | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100% | |
| } | |
| } | |
| *, *:before, *:after { box-sizing: border-box } | |
| body { |
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
| // Throw a font size into this mixin and get optimal line heights and top/bottom margins. | |
| // Adjustable variables to fine-tune. | |
| @mixin vertical-rhythm($size) { | |
| $st: 12px; // Smallest text size | |
| $sh: 140%; // Optimal line height for smallest text size | |
| $lt: 70px; // Largest text size | |
| $lh: 100%; // Optimal line height for largest text size |