Created
January 26, 2016 00:02
-
-
Save hoorayimhelping/42f8188e069790f2bc83 to your computer and use it in GitHub Desktop.
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
| diff --git a/app/sass/_chrome.scss b/app/sass/_chrome.scss | |
| index 0cf2dfd..a767a2d 100644 | |
| --- a/app/sass/_chrome.scss | |
| +++ b/app/sass/_chrome.scss | |
| @@ -52,6 +52,10 @@ li { | |
| font-weight: 500; | |
| } | |
| +.parenthetical { | |
| + font-size: 0.75em; | |
| +} | |
| + | |
| @media only screen and (min-device-width : 661px) { | |
| img { | |
| border: 4px solid transparent; | |
| diff --git a/app/sass/main.scss b/app/sass/main.scss | |
| index 204cc0f..679abf3 100644 | |
| --- a/app/sass/main.scss | |
| +++ b/app/sass/main.scss | |
| @@ -1,26 +1,27 @@ | |
| -@import "chrome"; | |
| - | |
| -body { | |
| - display: inline-block; | |
| -} | |
| - | |
| -@media only screen and (max-device-width : 660px) { | |
| - body { | |
| - width: 320px; | |
| - max-width: 320px; | |
| - } | |
| - | |
| - h1 { | |
| - padding: 10px; | |
| - width: 100%; | |
| - } | |
| - | |
| - .main-content, p { | |
| - padding: 10px; | |
| - max-width: 320px; | |
| - } | |
| - | |
| - img { | |
| - max-width: 100%; | |
| - } | |
| -} | |
| +* { box-sizing: border-box; } | |
| + | |
| +body { margin: 0; padding: 0; } | |
| + | |
| +h1, h2, h3, h4, h5, h6 { font-weight: 100; } | |
| + | |
| +h1 { font-family: Helvetica; font-size: 40pt; margin: 0; padding: 10px; } | |
| + | |
| +.main-content { display: inline-block; font-family: Helvetica; font-size: 14pt; font-weight: 300; margin: 0; padding: 10px; width: 100%; } | |
| + | |
| +ul { padding: 0 25px; } | |
| + | |
| +li { list-style-type: circle; margin: 20px 0px; } | |
| + | |
| +.outbound-link { color: #00B; text-decoration: none; transition: color 0.25s ease-out; } | |
| + | |
| +.outbound-link:hover { color: magenta; text-decoration: underline; } | |
| + | |
| +.outbound-link strong { font-weight: 500; } | |
| + | |
| +.parenthetical { font-size: 0.75em; } | |
| + | |
| +@media only screen and (min-device-width: 661px) { img { border: 4px solid transparent; transition: 0.5s ease-out; } | |
| + img:hover { border-color: magenta; } | |
| + .main-content, p { max-width: 641px; } } | |
| + | |
| +/*# sourceMappingURL=main.scss.map */ | |
| diff --git a/index.html b/index.html | |
| index 13cd5e8..fa88fa8 100755 | |
| --- a/index.html | |
| +++ b/index.html | |
| @@ -11,7 +11,7 @@ | |
| <h1>Bucky Schwarz</h1> | |
| <div class="main-content"> | |
| <p> | |
| - Hi, I'm Bucky Schwarz and I live in Brooklyn, NY where I write software for a living and fun. I love video games and weightlifting and things that are funny. Plus other stuff. | |
| + Hi, I'm Bucky Schwarz <span class="parenthetical">(rhymes with wars)</span> and I live in Brooklyn, NY where I write software for a living and fun. I love video games and weightlifting and things that are funny. Plus other stuff. | |
| </p> | |
| <p> | |
| I like to write about technical topics. Some recent posts of mine: | |
| diff --git a/styles/main.css b/styles/main.css | |
| index 02a6ccd..a8da82c 100644 | |
| --- a/styles/main.css | |
| +++ b/styles/main.css | |
| @@ -1 +1 @@ | |
| -*{box-sizing:border-box}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:100}h1{font-family:Helvetica;font-size:40pt;margin:0;padding:10px}.main-content{display:inline-block;font-family:Helvetica;font-size:14pt;font-weight:300;margin:0;padding:10px;width:100%}ul{padding:0 25px}li{list-style-type:circle;margin:20px 0px}.outbound-link{color:#00B;text-decoration:none;transition:color 0.25s ease-out}.outbound-link:hover{color:magenta;text-decoration:underline}.outbound-link strong{font-weight:500}@media only screen and (min-device-width: 661px){img{border:4px solid transparent;transition:0.5s ease-out}img:hover{border-color:magenta}.main-content,p{max-width:641px}}body{display:inline-block}@media only screen and (max-device-width: 660px){body{width:320px;max-width:320px}h1{padding:10px;width:100%}.main-content,p{padding:10px;max-width:320px}img{max-width:100%}} | |
| +*{box-sizing:border-box}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:100}h1{font-family:Helvetica;font-size:40pt;margin:0;padding:10px}.main-content{display:inline-block;font-family:Helvetica;font-size:14pt;font-weight:300;margin:0;padding:10px;width:100%}ul{padding:0 25px}li{list-style-type:circle;margin:20px 0px}.outbound-link{color:#00B;text-decoration:none;transition:color 0.25s ease-out}.outbound-link:hover{color:magenta;text-decoration:underline}.outbound-link strong{font-weight:500}.parenthetical{font-size:0.75em}@media only screen and (min-device-width: 661px){img{border:4px solid transparent;transition:0.5s ease-out}img:hover{border-color:magenta}.main-content,p{max-width:641px}} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment