André Duarte andrexduarte
andrexduarte
/ mobile.css.scss
Created
July 9, 2013 13:04
— forked from averyvery/mobile.css.scss
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
| @mixin mobile_bg($file){ | |
| background-image: image-url('mobile/standard/#{$file}'); | |
| @media screen and (-webkit-min-device-pixel-ratio: 2) { | |
| background-image: image-url('mobile/retina/#{$file}'); | |
| background-size: image-width('mobile/standard/#{$file}') image-height('mobile/standard/#{$file}'); | |
| } | |
| } | |
| // Usage |
andrexduarte
/ placeholder.scss
Created
May 2, 2013 13:50
— forked from antsa/placeholder.scss
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
| // Placeholder @mixin for Sass | |
| // | |
| // A mixin to style placeholders in HTML5 form elements. | |
| // Includes also a .placeholder class to be used with a polyfill e.g. | |
| // https://github.com/mathiasbynens/jquery-placeholder | |
| // Requires Sass 3.2. | |
| // | |
| // Example usage (.scss): | |
| // | |
| // input { |
andrexduarte
/ mixins.scss
Created
April 1, 2013 13:59
— forked from jpmckinney/mixins.scss
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
| // blog post: http://blog.slashpoundbang.com/post/15096433153/css3-scss-mixins | |
| // Mixins ---------------------------------------------------------------------- | |
| // http://css3please.com/ | |
| @mixin background-rgba($red, $green, $blue, $opacity, $rgba) { | |
| background-color: transparent; | |
| background-color: rgba($red, $green, $blue, $opacity); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$rgba}',endColorstr='#{$rgba}'); | |
| zoom: 1; | |
| } |
andrexduarte
/ set-font-size-based-on-word-count.js
Last active
November 27, 2017 14:46
http://css-tricks.com/set-font-size-based-on-word-count/
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
| $(function(){ | |
| var $quote = $(".post p:first"); | |
| var $numWords = $quote.text().split(" ").length; | |
| if (($numWords >= 1) && ($numWords < 10)) { | |
| $quote.css("font-size", "36px"); | |
| } | |
| else if (($numWords >= 10) && ($numWords < 20)) { |
andrexduarte
/ 0_selector_hacks.scss
Created
February 20, 2013 18:24
— forked from chriseppstein/0_selector_hacks.scss
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
| @mixin ie6 { * html & { @content } } | |
| #logo { | |
| background-image: url("/images/logo.png"); | |
| @include ie6 { background-image: url("/images/logo.gif"); } | |
| } |
andrexduarte
/ toggle-text.js
Last active
December 12, 2015 04:38
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
| $(".more").click(function() { | |
| var txt = $(".clip").is(':visible') ? 'Saiba mais' : 'Esconder'; | |
| $(".more").text(txt); | |
| $(".clip").slideToggle(); | |
| }); |
andrexduarte
/ tagged.css
Created
January 17, 2013 17:43
— forked from csswizardry/tagged.css
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 | |
| \*------------------------------------*/ | |
| /* | |
| TAGS: ^lists ^navigation ^text | |
| */ | |
| /* | |
| As per csswizardry.com/2011/09/the-nav-abstraction | |
| */ | |
| .nav{ |
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
| /* -- IE 6 -- */ | |
| * html .class { } | |
| /* -- IE 7 -- */ | |
| *+html .class{ } | |
| /* -- IE 7 and modern browsers -- */ | |
| html>body .class { } | |
| /* -- Modern browsers (not IE 7) -- */ |
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
| /* --- Text-indent --- */ | |
| .hide-text { | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } |
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
| /* text rendering */ | |
| body * { | |
| -webkit-font-smoothing: antialiased; | |
| -moz-font-smoothing: antialiased; | |
| -o-font-smoothing: antialiased; | |
| -ms-font-smoothing: antialiased; | |
| font-smoothing: antialiased; | |
| } | |
| h1, |