Gwen Wendell codingdesigner
codingdesigner
/ _breakpoint-version.scss
Created
October 25, 2012 14:37
— forked from kerns/_respond-to-ccmq.md
Conditionally Conjoined Media Queries for Sass (just a proposal, and quite possibly a bad one)
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
| // path to local mixin | |
| @import "../../stylesheets/breakpoint"; | |
| // @import "breakpoint"; | |
| /* 1. Using Breakpoint to do exactly what you propose */ | |
| $breakpoint-default-media: 'only screen'; | |
| $break-small: 320px; | |
| $break-medium: 580px; | |
| $break-large: 1234px; |
codingdesigner
/ index.html
Created
November 2, 2012 19:43
A CodePen by Mason Wendell. Simulate Book Spines - Sass mixin to simulate a book spine using css bottom borders and pseudo elements
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
| <nav class="main-menu"> | |
| <ul> | |
| <li> | |
| <a href="">Book Store</a> | |
| </li> | |
| <li> | |
| <a href="">Readings</a> | |
| </li> | |
| <li> | |
| <a href="">Book Services</a> |
codingdesigner
/ SassMeister-input.scss
Created
January 23, 2013 19:15
Generated by SassMeister.com, the Sass playground.
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.2.5 | |
| @mixin debug-outline($color: red, $background-color: false) { | |
| outline: 1px solid $color; | |
| @if $background-color != false { | |
| background-color: $background-color; | |
| } | |
| } | |
| .foo { |
codingdesigner
/ SassMeister-input.scss
Created
February 14, 2013 15:15
Generated by SassMeister.com, the Sass playground.
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.2.5 | |
| // Breakpoint v1.3 | |
| @import "breakpoint"; | |
| // Sass v3.2.5 | |
| // Breakpoint v1.3 | |
| // @import "breakpoint"; |
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
| $iterations: 100; | |
| @function lmao($orig-color, $iterations, $sx, $sy, $sz) { | |
| $output: ''; | |
| $end: $iterations; | |
| $x0: $sx / 10; | |
| $y0: $sy; | |
| $z0: $sz; | |
| $h: 0.01; |
codingdesigner
/ SassMeister-input.scss
Created
August 1, 2013 14:11
Generated by SassMeister.com, the Sass playground.
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.2.9) | |
| // --- | |
| $button-color: #ECECEC; | |
| $button-text-color: #2d2d2d; | |
| input[type="submit"] { | |
| border-radius: 0.2em; |
codingdesigner
/ SassMeister-input.scss
Created
August 1, 2013 14:13
Generated by SassMeister.com, the Sass playground.
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.2.9) | |
| // --- | |
| @mixin button() { | |
| $button-color: #ECECEC; | |
| $button-text-color: #2d2d2d; | |
| border-radius: 0.2em; | |
| color: $button-text-color; |
codingdesigner
/ SassMeister-input.scss
Created
August 1, 2013 14:14
Generated by SassMeister.com, the Sass playground.
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.2.9) | |
| // --- | |
| .button { | |
| $button-color: #ECECEC; | |
| $button-text-color: #2d2d2d; | |
| border-radius: 0.2em; | |
| color: $button-text-color; |
codingdesigner
/ SassMeister-input.scss
Created
August 1, 2013 14:15
Generated by SassMeister.com, the Sass playground.
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.2.9) | |
| // --- | |
| %button { | |
| $button-color: #ECECEC; | |
| $button-text-color: #2d2d2d; | |
| border-radius: 0.2em; | |
| color: $button-text-color; |
codingdesigner
/ SassMeister-input.scss
Created
August 1, 2013 14:16
Generated by SassMeister.com, the Sass playground.
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.2.9) | |
| // --- | |
| @mixin button($button-color: #ECECEC, $button-text-color: #2d2d2d) { | |
| border-radius: 0.2em; | |
| color: $button-text-color; | |
| background: { | |
| color: $button-color; |