Skip to content

Instantly share code, notes, and snippets.

@voidove
voidove / dabblet.css
Last active September 1, 2016 01:57
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.wrapper {
margin: auto;
padding: 20px;
width: 20em;
border: 1px solid;
}
.test {
@voidove
voidove / dabblet.css
Created August 30, 2016 08:00
absolute width
/**
* absolute width
*/
.wrapper {
position: relative;
border: 1px solid red;
width: 300px;
}
.child {
@voidove
voidove / dabblet.css
Last active August 25, 2016 07:28
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.child1 {
float: left;
}
.child2 {
float: left;
}
.wrap {
@voidove
voidove / dabblet.css
Last active August 25, 2016 02:43
clear float
/**
* clear float
*/
.child {
float: left;
}
.wrapper {
border: 1px solid red;
}
@voidove
voidove / dabblet.css
Last active August 22, 2016 08:17
FF inline-block vertical-align
/**
* FF inline-block vertical-align
*/
ul li {
list-style: none;
width: 50px;
height: 40px;
border: 1px solid;
display: inline-block;
@voidove
voidove / dabblet.css
Last active August 19, 2016 06:49
FF vs Chrome
/**
* FF vs Chrome
*/
.wrapper {
position: relative;
}
span {
position: absolute;
}
@voidove
voidove / dabblet.css
Last active August 9, 2016 03:08
Mobile device state
/**
* Mobile device state
*/
button {
background-color: lightgrey;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
button:hover {
background-color: grey;
}
@voidove
voidove / dabblet.css
Created August 4, 2016 02:49
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
@voidove
voidove / dabblet.css
Last active July 29, 2016 05:27
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
@voidove
voidove / dabblet.css
Created July 19, 2016 08:39
position: absolute
/**
* position: absolute
*/
.text-wrap {
border: 1px solid;
width: 500px;
}
.editor {
position: relative;
width: 500px;