Anthony W abitgone
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
| .container:after { | |
| content: ''; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| } | |
| .container h1 { | |
| float: left; | |
| } | |
| .menu { |
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
| body { | |
| margin: 30px; | |
| } | |
| div { | |
| width: 40px; | |
| height: 40px; | |
| background-color: #08f; | |
| display: inline-block; | |
| margin: 0 6px 0 0; | |
| text-align: center; |
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
| * { | |
| box-sizing: border-box; | |
| padding: 0; | |
| margin: 0: | |
| } | |
| html { font: 13px/26px sans-serif; } | |
| sub { vertical-align: -0.15em; font-size: 0.8em; line-height: 0.8; } | |
| @media screen and (min-width: 569px) { |
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
| /** | |
| * Transitions with height: auto | |
| */ | |
| html { | |
| font-size: 16px; | |
| } | |
| #main-nav { | |
| -webkit-transition: max-height 2s ease-in-out; | |
| max-height: 2em; | |
| overflow: hidden; |
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
| html { | |
| font-family: "Helvetica Neue", sans-serif; | |
| } | |
| .container { | |
| border: 1px solid rgba(0,0,0,0.25); | |
| border-radius: 0.375em; | |
| } | |
| .container > div { | |
| padding: 0.75em 1.5em; | |
| } |
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
| html { | |
| font-family: "Helvetica Neue", sans-serif; | |
| } | |
| .container { | |
| border: 1px solid rgba(0,0,0,0.25); | |
| border-radius: 0.375em; | |
| } | |
| .container > div { | |
| padding: 0.75em 1.5em; | |
| } |
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
| /** | |
| * Proposed Settings for Twapp | |
| */ | |
| body { | |
| font: 21px/1.5 "Helvetica Neue", sans-serif; | |
| color: #444; | |
| border-top: 0.444em solid #008fd5; | |
| padding: 3.375em; | |
| background: #fafafa; | |
| } |
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
| /** | |
| * Proposed Settings for Twapp | |
| */ | |
| body { | |
| font: 21px/1.5 "Helvetica Neue", sans-serif; | |
| color: #444; | |
| border-top: 0.444em solid #008fd5; | |
| padding: 3.375em; | |
| background: #fafafa; | |
| } |
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
| /** | |
| * Not-so-boring Checkboxes | |
| */ | |
| .pretty-checkbox { | |
| display: inline-block; | |
| font-family: Helvetica, Arial, sans-serif; | |
| } | |
| .pretty-checkbox input[type=checkbox] { | |
| height:0; line-height: 0; padding: 0; margin: 0; position: relative; top: -10px; visibility: hidden; |