| .initial | |
| .top-banner-ad-container | |
| .top-banner-ad-container--desktop | |
| .top-banner-ad-container--facia-layout | |
| .ad-slot |
| <div class="box"> | |
| </div> |
| <div class="box"> | |
| </div> |
| <h1>A lone button</h1> | |
| <p>Etiam porta sen malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla non meths actor fringilla.</a> Cras justo odapibus ac facilisis in egestas get quam.</p> | |
| <p><a class="btn" href="#">Button</a></p> | |
| <h1>A button within scoped content</h1> | |
| <div class="scopedContent"> | |
| <p>Etiam porta sen malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla non meths actor fringilla.</a> Cras justo odapibus ac facilisis in egestas get quam.</p> | |
| <p><a class="btn" href="#">Button</a></p> | |
| </div> |
| <hr class="rule"> |
| // ---- | |
| // Sass (v3.4.7) | |
| // Compass (v1.0.1) | |
| // ---- | |
| // I must say I am not a big fan of having global variables here and there. | |
| // There is a number of issues and drawbacks of handling basic configuration | |
| // with global variables without having functional wrappers: | |
| // - `!global` has to be written yet could be forgotten; | |
| // - there is no way to make sure the value is valid; |
| // ---- | |
| // Sass (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $spacing-unit: 24px; | |
| $spacing-unit-tiny: round(0.25 * $spacing-unit); | |
| $spacing-unit-small: round(0.5 * $spacing-unit); | |
| $spacing-unit-large: round(2 * $spacing-unit); |
I've not seen this before so I think I've figured out something new and hopefully useful.
It appears that by using calc() and vw we can get responsive typography that scales perfectly between specific pixel values within a specific viewport range.
Check it out. (might be buggy in some browsers)
http://madebymike.com.au/writing/precise-control-responsive-typography/
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
| Key/Command | Description |
|---|---|
| Ctrl + A | Go to the beginning of the line you are currently typing on |
| Ctrl + E | Go to the end of the line you are currently typing on |
| Ctrl + U | Clear the line before the cursor |
| Ctrl + K | Clear the line after the cursor |
| Ctrl + W | Delete the word before the cursor |
| Ctrl + L | Clears the Screen |
| Ctrl + C | Kill whatever you are running |
