Michael Arestad MichaelArestad
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 22:17
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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| $i: 3; | |
| @while $i > 0 { | |
| .while-#{$i} { width: 30px * $i; } | |
| $i: $i - 1; | |
| } |
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 22:16
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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| @for $i from 1 through 3 { | |
| .item-#{$i} { | |
| margin-left: 10px * $i; | |
| } | |
| } |
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 22:03
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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| @for $i from 1 through 3 { | |
| .item-#{$i} { | |
| margin-left: 10px * $i; | |
| } | |
| } |
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 18:53
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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| @mixin button($background: blue) { | |
| background: $background; | |
| border: 1px solid darken($background, 5%); | |
| } |
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 18:48
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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| %button { | |
| border-radius: 3px; | |
| font-size: 13px; | |
| } | |
| .button-primary { |
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 18:44
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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .button { | |
| border-radius: 3px; | |
| font-size: 13px; | |
| } | |
| .button-primary { |
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 18:38
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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .button { | |
| color: blue; | |
| &:hover { | |
| color: lighten(blue, 5%); |
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 17: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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| @mixin gradient--vertical($top, $bottom){ | |
| background-color: $top; | |
| background-image: linear-gradient(top, $top, $bottom); | |
| } |
MichaelArestad
/ SassMeister-input.scss
Created
September 16, 2014 17:33
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
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| // Let's get dangerous. | |
| $darkwing-duck-purple: #582e76; | |
| $launchpad-red: #7e1a03; | |
| .duck { |
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.14) | |
| // Compass (v1.0.0.rc.1) | |
| // ---- | |
| $margin: 8em; | |
| body { | |
| margin: { | |
| top: auto; | |
| right: $margin * -1; |