Skip to content

Instantly share code, notes, and snippets.

View pablolobos's full-sized avatar

Pablo Lobos pablolobos

  • i2p.cl
  • Santiago, Chile
View GitHub Profile
@pablolobos
pablolobos / mixin_transition-hover.scss
Created July 30, 2013 16:09
mixin: transition-hove
@mixin transition-hover(){
@include transition();
@include transition-duration(0.2s);
}
@pablolobos
pablolobos / jquery_full-height.js
Created July 26, 2013 17:20
jquery: full-height
$(window).resize(function(){
var height = $(this).height()
$('.js-full-height').height(height);
})
@pablolobos
pablolobos / css_media-querie-orientation.css
Created July 25, 2013 15:15
css: media-querie-orientation
@media (min-width: 700px) and (orientation: landscape) {
}
@pablolobos
pablolobos / html_twitter-follow-link.html
Created July 25, 2013 14:25
html: twitter-follow-link
@pablolobos
pablolobos / css_min-max-media-querie.css
Created July 25, 2013 13:44
css: min-max-media-querie
@media only screen and (min-width: 769px) and (max-width: 900px) {
}
@pablolobos
pablolobos / mixin_ellipsis.scss
Created July 23, 2013 16:38
mixin: ellipsis
@mixin ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@pablolobos
pablolobos / mixin_center-block.scss
Created July 23, 2013 16:36
mixin: center-block
@mixin center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
@pablolobos
pablolobos / mixin_retina-background-image.scss
Created July 23, 2013 16:30
sass: retina-background-image
@mixin image-2x($image, $width, $height) {
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
/* on retina, use image that's scaled by 2 */
background-image: url($image);
background-size: $width $height;
}
@pablolobos
pablolobos / css_helper-classes.css
Created July 23, 2013 16:23
css: helper-classes
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
@pablolobos
pablolobos / mixin_clearfix-extend.scss
Created July 23, 2013 16:21
mixin: clearfix-extend
%clearfix {
*zoom: 1;
&:before, &:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
}