Mark Michon markmichon
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
| /* Border meetings with border-box */ | |
| .border-box { | |
| box-sizing: border-box; | |
| width: 200px; | |
| height: 200px; | |
| background-color: #ccc; | |
| border-right: 5px solid black; | |
| border-bottom: 10px solid green; | |
| margin-bottom:10px; |
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
| @import "compass"; | |
| .mega-header h1 { | |
| font-size: $h3-size; | |
| margin-bottom: $half-spacing-unit; | |
| @include media-query(500px) { | |
| font-size:$bigger; | |
| } | |
| @include media-query(700px) { | |
| font-size:$h2-size; | |
| } |
markmichon
/ responsive.html
Created
August 2, 2012 18:02
— forked from lensco/responsive.html
Simple responsive design test page. More info here: http://bricss.net/post/16538278376/simple-responsive-design-test-page
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Design Testing</title> | |
| <style> | |
| body { margin: 20px; font-family: sans-serif; overflow-x: scroll; } | |
| .wrapper { width: 6000px; } | |
| .frame { float: left; } | |
| h2 { margin: 0 0 5px 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
| #212121 Dark Black | |
| #353535 Black | |
| #2B2A29 Black | |
| #444751 Black | |
| #A2A3A8 Grey |
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
| /** | |
| * Hidden Content with :target | |
| */ | |
| * { | |
| padding: 0; | |
| margin: 0; | |
| box-sizing: border-box; | |
| } | |
| ul { |
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
| span { | |
| margin: 50px; | |
| font: bold 5em/1.5 Futura; | |
| background: #ccc; | |
| color: #fff; | |
| border-radius: 15%; | |
| padding: 0 .2em; | |
| box-shadow: 0 0 10px #222; | |
| } |
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
| //Git Commands | |
| # NOTES: Lines starting with // or # are comments and should not be typed into terminal. Please be careful of your spelling, spacing, and case before initiating a command in terminal. | |
| //Standards Commands to push to github (in order) | |
| git add . | |
| # adds all files and folders that contain files to be commited | |
| git status | |
| # shows what changes are going to be commited |
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
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="initial-scale=1.0, width=device-width"/> | |
| <link rel="stylesheet" href="css/style.css"> | |
| </head> |
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
| <meta name="viewport" content="initial-scale=1.0, width=device-width"/> |
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
| /* | |
| * HTML5 Boilerplate | |
| * | |
| * What follows is the result of much research on cross-browser styling. | |
| * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, | |
| * Kroc Camen, and the H5BP dev community and team. | |
| * | |
| * Detailed information about this CSS: h5bp.com/css | |
| * | |
| * ==|== normalize ========================================================== |