Skip to content

Instantly share code, notes, and snippets.

View pablolobos's full-sized avatar

Pablo Lobos pablolobos

2 followers · 0 following
View GitHub Profile
@pablolobos
pablolobos / import_compass.sass
Last active December 19, 2015 15:29
compass: import compass css3
@import "compass/css3";
@pablolobos
pablolobos / css_border-box-all.css
Created July 23, 2013 13:48
CSS: border-box-all
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@pablolobos
pablolobos / css_content-before-gradient.css
Created July 23, 2013 13:50
CSS: content-before-gradient
&:before{
content: "";
display: block;
width: 3px;
height: 100%;
position: absolute;
right: 0;
top: 0;
@include background-image(linear-gradient(left, transparentize(#000, 1), transparentize(#000, 0.8)));
}
@pablolobos
pablolobos / mixin_media-queries.scss
Created July 23, 2013 13:51
mixin: mediaqueries
@mixin mq($keyword) {
@if $keyword == small {
@media (max-width: 420px) { @content; }
}
@if $keyword == medium {
@media (max-width: 768px) { @content; }
}
@if $keyword == desktop {
@media (max-width: 1100px) { @content; }
}
@pablolobos
pablolobos / mixin_rem-font-size.scss
Created July 23, 2013 13:53
mixin: rem-font-size
@function calculateRem($size) {
$remSize: $size / 16px;
@return $remSize * 1rem;
}
@mixin font-size($size) {
font-size: $size;
font-size: calculateRem($size);
}
@pablolobos
pablolobos / html_boilerplate-base-html.html
Created July 23, 2013 14:07
html: boilerplate-base-html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
@pablolobos
pablolobos / css_table-of-contents
Created July 23, 2013 15:47
css: table-of-contents
/*------------------------------------*\
$CONTENTS
\*------------------------------------*/
/**
* CONTENTS............You’re reading it!
* RESET...............Set our reset defaults
* FONT-FACE...........Import brand font files
*/
@pablolobos
pablolobos / css_section-title-comment.css
Created July 23, 2013 15:50
css: section-title-comment
/*------------------------------------*\
$Title
\*------------------------------------*/
[Estilos]
@pablolobos
pablolobos / css_triangle-left.css
Last active December 20, 2015 03:29
css: triangle-left
width: 0px;
height: 0px;
border-style: solid;
border-width: 0.5em 1em 0.5em 0;
border-color: transparent #cc4 transparent transparent;
@pablolobos
pablolobos / css_triangle-right.css
Created July 23, 2013 16:07
css: triangle-right
width: 0px;
height: 0px;
border-style: solid;
border-width: 0.5em 0 0.5em 1em;
border-color: transparent transparent transparent #cc4;