Skip to content

Instantly share code, notes, and snippets.

View cleitonfco's full-sized avatar

Cleiton Francisco cleitonfco

View GitHub Profile
@cleitonfco
cleitonfco / dabblet.css
Created April 13, 2012 23:01
Box-Shadow
/**
* Box-Shadow
*/
div {
display:inline-block;
padding:40px;
font:20px "Helvetica Neue", sans-serif;
margin:20px;
background-color:#39c;
@cleitonfco
cleitonfco / dabblet.css
Created April 13, 2012 23:27
Circles (Box Shadow)
/**
* Circles (Box Shadow)
*/
body {
font:18px/1.3 "Helvetica Neue", sans-serif;
}
p {
clear:both;
margin: 50px 0;
@cleitonfco
cleitonfco / dabblet.css
Created April 14, 2012 00:26
Background Image Options (Size)
/**
* Background Image Options (Size)
*/
body {
background: #fff;
}
h2, h3 {
display:inline-block;
margin:0 20px;
width: 200px;
@cleitonfco
cleitonfco / dabblet.css
Created April 14, 2012 00:44
Box Sizing
/**
* Box Sizing
*/
body {
background: #fff;
font: 19px/1.3 "Helvetica Neue", sans-serif;
}
p {
display:block;
margin:20px;
/**
* @font-face
*/
@import url(http://fonts.googleapis.com/css?family=Lovers+Quarrel);
@import url(http://fonts.googleapis.com/css?family=Lekton:400,700,400italic);
body {
background: #fff;
font:200 normal 16px/1.5 'Helvetica Neue', Arial, sans-serif;
}
/**
* @font-face
*/
@import url(http://fonts.googleapis.com/css?family=Lovers+Quarrel);
@import url(http://fonts.googleapis.com/css?family=Lekton:400,700,400italic);
body {
background: #fff;
font:200 normal 16px/1.5 'Helvetica Neue', Arial, sans-serif;
}
/**
* @font-face
*/
@import url(http://fonts.googleapis.com/css?family=Lovers+Quarrel);
@import url(http://fonts.googleapis.com/css?family=Lekton:400,700,400italic);
body {
background: #fff;
font:200 normal 16px/1.5 'Helvetica Neue', Arial, sans-serif;
}
@cleitonfco
cleitonfco / dabblet.css
Created April 14, 2012 03:24
Button Effects (CSS)
/**
* Button Effects (CSS)
*/
body {
background: #fff;
font:200 normal 16px/1.5 'Helvetica Neue', Arial, sans-serif;
}
h1 {
font-size: 80px;
@cleitonfco
cleitonfco / dabblet.css
Created April 14, 2012 07:17
Button Effects (CSS)
/**
* Button Effects (CSS)
*/
body {
background: #fff;
font:200 normal 16px/1.5 'Helvetica Neue', Arial, sans-serif;
}
h1 {
font-size: 80px;
@cleitonfco
cleitonfco / dabblet.css
Created April 14, 2012 07:29
Multicolumn (Width)
/**
* Multicolumn (Width)
*/
body {
background: #fff;
font:200 normal 14px/1.5 'Helvetica Neue', Arial, sans-serif;
}
h2 {
font-size: 20px;