Sven Wolfermann maddesigns
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
| - (1...13).each do |i| | |
| .column= i |
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
| .sessions .sessions-title | |
| { | |
| font-size:1rem; | |
| font-weight:600; | |
| line-height:1.2; | |
| -webkit-hyphens:none; | |
| -moz-hyphens:none; | |
| -ms-hyphens:none; | |
| hyphens:none | |
| } |
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
| - (1...13).each do |i| | |
| .column= i |
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="demo"></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
| <p><span class="c-title-bubble" data-title="Hey, a tooltip!">You should hover me</span></p> | |
| <p><span class="c-title-bubble c-title-bubble--n" data-title="Hey, a tooltip!">You should hover me, too</span></p> | |
| <p><span class="c-title-bubble c-title-bubble--w" data-title="Hey, a tooltip!">And me, whatever</span></p> | |
| <p><span class="c-title-bubble c-title-bubble--e" data-title="Hey, a tooltip!">Lol ok one more</span></p> |
maddesigns
/ gist:891832689605c192cb29
Last active
August 29, 2015 14:17
Foundation 5 grid width pull and push in CSS
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
| old: | |
| <div class="small-text-center medium-text-right large-text-right small-12 medium-4 medium-push-8 large-3 large-push-5 columns"> … </div> | |
| new: | |
| <div class="footer-nav"> … </div> | |
| .footer-nav { | |
| @include grid-column(12); | |
| text-align: center; | |
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.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $large-mq: false; | |
| @mixin bp-large($width) { | |
| // If we're outputting for a fixed media query set... | |
| @if $large-mq { |
maddesigns
/ gist:f51de1ccfd776b787a50
Last active
August 29, 2015 14:12
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
| ## FILL ## | |
| fill Sets fill color of the shape. | |
| fill-opacity Sets fill opacity of the shape. | |
| fill-rule Sets fill rule of the shape. | |
| ** example ** | |
| fill: #ccc; | |
| fill: rgba(0,0,0,.5); | |
| fill: red; |
maddesigns
/ SassMeister-input-HTML.html
Created
September 15, 2014 12:23
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> |
maddesigns
/ SassMeister-input-HTML.haml
Created
August 31, 2014 15:02
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
| - (1...13).each do |i| | |
| .column= i |