Skip to content

Instantly share code, notes, and snippets.

@SabbaKilam
SabbaKilam / dabblet.css
Last active December 21, 2016 01:36
Button with pseudo-classes
/**
* Button with pseudo-classes
*/
html{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
padding: 0;
margin: 0;
}
@SabbaKilam
SabbaKilam / dabblet.css
Last active December 16, 2016 02:56
Transitions, Flips and Colors
/**
* Transitions, Flips and Colors
*/
html{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
padding: 0;
margin: 0;
}
@SabbaKilam
SabbaKilam / dabblet.css
Last active December 31, 2016 16:21
Easy to read text styling from off-guardian.org
/**
* Easy to read text styling from off-guardian.org
*/
body{
margin: 2%;
}
div{
margin-left: 15px;
padding: 50px;
line-height: 150%;
@SabbaKilam
SabbaKilam / dabblet.css
Last active January 27, 2017 14:25
Show Todos
/**
Show Todos
*/
body{
background-color: lightgray;
user-select: none
}
#holder{
position: absolute;
margin: auto;
@SabbaKilam
SabbaKilam / dabblet.css
Last active January 31, 2017 19:18
Todo Object to Div
/**
* Todo Object to Div
*/
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#holder{
position: absolute;
@SabbaKilam
SabbaKilam / dabblet.css
Created January 27, 2017 14:31
Todo Object to Div
/**
* Todo Object to Div
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@SabbaKilam
SabbaKilam / dabblet.css
Last active January 30, 2017 21:13
Music player
/**
* Music player
*/
html{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-family: sans-serif;
@SabbaKilam
SabbaKilam / dabblet.css
Last active February 1, 2017 20:55
Primitive Flip Board;
/**
* Primitive Flip Board;
*/
html{
min-height: 100%;
height: 100%;
width: 100%;
padding: 0;
margin: 0;}
body{
@SabbaKilam
SabbaKilam / dabblet.css
Last active February 19, 2017 15:41
CSS Prespective
/**
* CSS Prespective
*/
body{
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.outer{
position: absolute;
@SabbaKilam
SabbaKilam / dabblet.css
Last active March 4, 2017 03:33
Flipper Shadowing
/**
* Flipper Shadowing
*/
*{
box-sizing: border-box;
}
body{
background: #aaa;
min-height: 100%;
user-select: none;