Chris Michel hatefulcrawdad
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
| // Variables | |
| $ratio: $golden; | |
| $baseSize: 14px; | |
| $importantModNum: 44px; | |
| // Modular Scale SCSS Function Syntax | |
| h6 { font-size: ms(0); } // First Number in Scale | |
| h5 { font-size: ms(1); } // Second Number in Scale | |
| h4 { font-size: ms(2); } // Third Number in Scale |
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
| <label>Input with a prefix character</label> | |
| <div class="row"> | |
| <div class="five columns"> | |
| <div class="row collapse"> | |
| <div class="eight mobile-three columns"> | |
| <input type="text" /> | |
| </div> | |
| <div class="four mobile-one columns"> | |
| <a href="#" class="postfix button expand">Search</a> | |
| </div> |
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> | |
| <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | |
| <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <!-- Set the viewport width to device width for mobile --> |
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
| /* Small Breakpoint Styles - CSS */ | |
| @media only screen and (max-width: 768px) { | |
| /* Typography */ | |
| h2 { | |
| font-size: 26px; | |
| line-height: 26px; | |
| } |
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
| Note: This settings file is used for the Scss version of Foundation. To get these same settings, visit www.foundation.zurb.com/download and customize to your hearts desires. | |
| // Grid Settings | |
| $rowWidth: 1000px; | |
| $columnGutter: 16px; | |
| $totalColumns: 16; | |
| // Colors Settings |
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> | |
| <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | |
| <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <!-- Set the viewport width to device width for mobile --> |
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
| /* Global Styles - CSS */ | |
| body { | |
| background: #f1f0e8; | |
| } | |
| .button { | |
| text-transform: uppercase; | |
| font-family: "Cabin", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
| } |
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
| /* Typography Styles - CSS */ | |
| h1, h2, h3, h4, h5, h6 { | |
| text-transform: uppercase; | |
| } | |
| h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader { | |
| text-transform: none; | |
| } | |
| h1 { |