Sven Wolfermann maddesigns
maddesigns
/ SassMeister-input-HTML.html
Created
August 30, 2014 08:10
Generated by SassMeister.com.
This file contains 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
| <ul class="colors-light"> | |
| <li></li> | |
| <li></li> | |
| <li></li> | |
| <li></li> | |
| <li></li> | |
| <li></li> | |
| <li></li> |
This file contains 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.4.0.rc.1) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| $wrapper: ".thing"; | |
| @mixin when-drawer-is-open { | |
| @at-root #{selector-replace(&, | |
| "#{$wrapper}", |
This file contains 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
| <ul class="plan-legend"> | |
| <li class="legend-color1">Item 1</li> | |
| <li class="legend-color2">Item 2</li> | |
| <li class="legend-color3">Item 3</li> | |
| <li class="legend-color4">Item 4</li> | |
| <li class="legend-color5">Item 5</li> | |
| <li class="legend-color6">Item 6</li> | |
| </ul> |
This file contains 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>1</div> | |
| <div>2</div> | |
| <div>3</div> | |
| <div>4</div> | |
| <div>5</div> | |
| <div>6</div> | |
| <div>7</div> | |
| <div>8</div> | |
| <div>9</div> | |
| <div>10</div> |
This file contains 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.0.rc.1) | |
| // Compass (v0.13.alpha.7) | |
| // ---- | |
| =e($name) | |
| @at-root #{&}__#{$name} | |
| @content | |
| =m($name) | |
| @at-root #{&}--#{$name} |
This file contains 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>1</div> | |
| <div>2</div> | |
| <div>3</div> | |
| <div>4</div> | |
| <div>5</div> | |
| <div>6</div> | |
| <div>7</div> | |
| <div>8</div> | |
| <div>9</div> | |
| <div>10</div> |
This file contains 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="list-item">1</div> | |
| <div class="list-item">2</div> | |
| <div class="list-item">3</div> | |
| <div class="list-item">4</div> | |
| <div class="list-item">5</div> | |
| <div class="list-item">6</div> | |
| <div class="list-item">7</div> | |
| <div class="list-item">8</div> | |
| <div class="list-item">9</div> |
This file contains 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) | |
| // ---- | |
| @function strip-units($number) { | |
| @return $number / ($number * 0 + 1); | |
| } | |
| @mixin nth-child($an: 2n, $sibling: "*", $count: 15) { |
This file contains 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) | |
| // ---- | |
| // @mixin x-rgba() | |
| // | |
| // RGBA IE fallback | |
| // based on http://thesassway.com/intermediate/mixins-for-semi-transparent-colors |
This file contains 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
| <!--[if lt IE 7]> | |
| <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p> | |
| <![endif]--> | |
| <div class="container"> | |
| <div class="ad"> | |
| <img src="http://placehold.it/728x90&text=superbanner" alt=""> | |
| </div> | |
| <header role="banner"> | |
| <h1>position: sticky header</h1> | |
| </header> |