Daphne L daphotron
daphotron
/ SassMeister-input-HTML.html
Created
April 2, 2014 14:08
Using SASS maps http://sassmeister.com/gist/9934911
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
| <div class="swatch swatch-accent"> | |
| $color-accent: #4E90C7 | |
| </div> | |
| <div class="swatch swatch-border"> | |
| $color-border: #dadada | |
| </div> | |
| <div class="swatch swatch-bg-body"> | |
| $color-bg-body: #fefefe | |
| </div> | |
| <div class="swatch swatch-bg-copy"> |
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
| <!-- | |
| http://jsfiddle.net/sucrenoir/yHR53/5/ | |
| --> | |
| <select id="" name=""> | |
| <option value="">Select a Type</option> | |
| <option value="1">Thing</option> | |
| <option value="2">Stuff</option> | |
| </select> |
daphotron
/ SassMeister-input-HTML.html
Last active
August 29, 2015 13:58
CSS hover Tooltip http://sassmeister.com/gist/10037575
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
| <div class="link-edit" data-title="edit link"> | |
| <a href="#"> | |
| edit | |
| </a> | |
| </div> |
daphotron
/ SassMeister-input-HTML.html
Last active
April 21, 2018 12:53
CSS key animations, slide in and out message http://sassmeister.com/gist/11455265
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
| <!-- div class="flash-message"> | |
| Content was created. | |
| </div --> | |
| <div class="flash-message sticky"> | |
| Content was created. | |
| </div> | |
| <!-- div class="flash-message sticky-permanent"> | |
| Content was created. | |
| </div --> | |
| <!-- div class="flash-message refresh"> |
daphotron
/ SassMeister-input-HTML.html
Created
May 6, 2014 21:22
Styling radio buttons with svgs. http://sassmeister.com/gist/0cf279775b3ecd4742d0
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
| <form class="form" action=""> | |
| <input class="input-radio" type="radio" name="group" id="option1" value="option1"/> | |
| <label for="option1">Option 1</label> | |
| <input class="input-radio" type="radio" name="group" id="option2" value="option2" checked="checked"/> | |
| <label for="option2">Option 2</label> | |
| </form> |
daphotron
/ SassMeister-input-HTML.html
Created
May 27, 2014 20:48
Test underlines on links with background-image http://sassmeister.com/gist/f759d03fa1e97727923f
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
| <a href="#">Test Link</a> |
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
| // ---- | |
| // Sass (v3.3.7) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| @import "compass"; | |
| @mixin keyframes($animationName) { | |
| @-webkit-keyframes #{$animationName} { | |
| @content; |
daphotron
/ SassMeister-input-HTML.html
Created
May 30, 2014 15:42
Style ordered list numbers http://sassmeister.com/gist/e413b55aaf63bcec34f6
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
| <ol class="list"> | |
| <li> | |
| <div class="item"> | |
| first | |
| </div> | |
| <div class="item"> | |
| second second second second second second second second second second second second | |
| </div> | |
| <div class="item"> | |
| third |
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
| <ol class="list"> | |
| <li> | |
| <div class="item"> | |
| first | |
| </div> | |
| <div class="item"> | |
| second second second second second second second second second second second second | |
| </div> | |
| <div class="item"> | |
| third |
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
| <div class="box box1"> | |
| </div> | |
| <div class="box box2"> | |
| <div class="box box2a"> | |
| </div> | |
| <div class="box box2b"> | |
| </div> | |
| </div> |