DarbyBrown
/ SassMeister-input-HTML.html
Created
August 13, 2014 13:42
Generated by SassMeister.com.
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 class="btn--large" href="">Large Button</a> | |
| Or | |
| <a class="btn btn--small" href="">Small Button</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.4.0.rc.1) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| // Method 1 | |
| $breakpoints: | |
| stewie 18.74em, | |
| brian 31.25em, |
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.4.0.rc.1) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| // Method 1 | |
| $breakpoints: stewie 18.74em, brian 31.25em, chris 48.875em, lois 60em, peter 71.875em !default; | |
| @mixin bp($point) { |
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.4.0.rc.1) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| @mixin context($old-context, $new-context) { | |
| @at-root #{selector-replace(&, $old-context, $new-context)} { | |
| @content; | |
| } | |
| } |
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.4.0.rc.1) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| //Service Colours | |
| $raw-sienna: #da7d51; | |
| $olive-green: #b6b35f; | |
| $ship-cove: #6c95b0; | |
| $turkish-rose: #b76f9d; |
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> | |
| </body> |
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="list">HELLO</div> | |
| <div class="sidebar"> | |
| <div class="list">HELLO</div> | |
| </div> |
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.4) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| $sprite-coins-x: 0px; | |
| $sprite-coins-y: 324px; | |
| $sprite-coins-offset-x: 0px; | |
| $sprite-coins-offset-y: -324px; | |
| $sprite-coins-width: 49px; |
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.1) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| $vendors-no-ms: '-webkit-' '-moz-' '-o-' '' !default; | |
| @mixin transition-property($attr, $value) { | |
| @each $vendor in $vendors-no-ms { | |
| #{$vendor}transition-#{$attr}: $value; |
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.1) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| $vendors-no-ms: '-webkit-' '-moz-' '-o-' '' !default; | |
| // Return vendor-prefixed property names if appropriate | |
| // Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background | |
| //************************************************************************// |