Skip to content

Instantly share code, notes, and snippets.

View pablolobos's full-sized avatar

Pablo Lobos pablolobos

2 followers · 0 following
  • i2p.cl
  • Santiago, Chile
View GitHub Profile
@pablolobos
pablolobos / mixin_clearfix.scss
Created July 23, 2013 16:19
mixin: clearfix
@mixin clearfix(){
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
@pablolobos
pablolobos / css_triangle-down.css
Created July 23, 2013 16:09
css: triangle-down
width: 0px;
height: 0px;
border-style: solid;
border-width: 1em 0.5em 0 0.5em;
border-color: #cc4 transparent transparent transparent;
@pablolobos
pablolobos / css_triangle-up.css
Created July 23, 2013 16:08
css: triangle-up
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0.5em 1em 0.5em;
border-color: transparent transparent #cc4 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;
@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_section-title-comment.css
Created July 23, 2013 15:50
css: section-title-comment
/*------------------------------------*\
$Title
\*------------------------------------*/
[Estilos]
@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 / 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 / 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 / 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; }
}