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
| // ---- | |
| // Sass (v3.4.14) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $screen-sm: 30em; | |
| $screen-md: 40em; | |
| $screen-lg: 50em; | |
| $screen-xl: 50em; |
laras126
/ gist:1bf0b473115d82175942
Created
July 14, 2014 23:12
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
| .wrapper { | |
| max-width: 600px; | |
| margin: 2em auto; | |
| width: 100%; | |
| } | |
| input { | |
| margin: 0 0 1em 0; | |
| display: block; | |
| } |
laras126
/ gist:dae4ef3c249ff0e6e334
Created
July 14, 2014 23:14
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
| Comic link: http://notlaura.com/internet-works-comic/ | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Form Demo</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" type="text/css" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css"> | |
| <link rel="stylesheet" type="text/css" href="style.css"> |
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
| <div class="hello"> | |
| <a class="btn btn--dark" href="#">Hi there!</a> | |
| <a class="btn btn--med" href="#">Ok bye!</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
| <div class="hello"> | |
| <a class="btn-main" href="#">Hi there!</a> | |
| <a class="btn btn-secondary" href="#">Ok bye!</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
| <div class="hello"> | |
| <a class="btn-main" href="#">Hi there!</a> | |
| <a class="btn btn-secondary" href="#">Ok bye!</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
| <div class="hello"> | |
| <a class="btn-main" href="#">Hi there!</a> | |
| <a class="btn btn-secondary" href="#">Ok bye!</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
| <div class="hello"> | |
| <a class="btn btn--dark" href="#">Hi there!</a> | |
| <a class="btn btn--med" href="#">Ok bye!</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
| <div class="hello"> | |
| <a class="btn btn--dark" href="#">Hi there!</a> | |
| <a class="btn btn--med" href="#">Ok bye!</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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| $main-color: #32425C; | |
| $heading-font: Helvetica, sans-serif; | |
| .site-title { | |
| color: $main-color; |
OlderNewer