Skip to content

Instantly share code, notes, and snippets.

View hiloki's full-sized avatar

Hiroki Tani hiloki

View GitHub Profile
@hiloki
hiloki / dabblet.css
Created March 4, 2014 05:34
Untitled
.box {
height: 100px;
}
.box-a {
margin-bottom: 20px;
background-color: palegreen;
}
.box-b {
margin-top: 20px;
background-color: skyblue;
@hiloki
hiloki / dabblet.css
Created March 4, 2014 05:37
Untitled
div {
background-color: palegreen;
display: inline;
width: 100px;
height: 100px;
margin: 20px;
padding: 10px;
}
span {
@hiloki
hiloki / dabblet.css
Created March 4, 2014 08:39
Child selector
.sidebar .widget {
border: 1px solid skyblue;
}
/* Child selector
.sidebar > .widget {
border: 1px solid skyblue;
}
*/
@hiloki
hiloki / dabblet.css
Created March 4, 2014 10:43
Untitled
body {
padding: 100px;
font-size: 18px;
}
.widget {
padding: 1em;
}
.sidebar > .widget {
border: 1px solid skyblue;
@hiloki
hiloki / dabblet.css
Created March 4, 2014 10:56
Untitled
.box {
height: 100px;
}
.box-a {
margin-bottom: 40px;
background-color: palegreen;
}
.box-b {
margin-top: 20px;
background-color: skyblue;
@hiloki
hiloki / dabblet.css
Created March 4, 2014 12:03
Untitled
body {
padding: 100px;
}
p {
background: palegreen;
}
a {
display: block;
@hiloki
hiloki / dabblet.css
Created March 5, 2014 09:06
---- for demo ---
.widget {
border: 1px solid skyblue;
}
.widget h2 {
background-color: skyblue;
}
.widget p {
padding: 10px;
@hiloki
hiloki / dabblet.css
Created March 5, 2014 09:17
---- for demo ---
.widget {
border: 1px solid skyblue;
margin-bottom: 20px;
}
.widget h2,
.widget h3 {
padding: 10px;
background-color: skyblue;
}
.widget p,
@hiloki
hiloki / dabblet.css
Created March 5, 2014 09:26
---- for demo ---
.widget {
border: 1px solid skyblue;
margin-bottom: 20px;
}
.widget h2,
.widget h3 {
padding: 10px;
background-color: skyblue;
}
.widget p,
@hiloki
hiloki / dabblet.css
Created March 5, 2014 09:26
---- for demo ---
.widget {
border: 1px solid skyblue;
margin-bottom: 20px;
}
.widget-title {
padding: 10px;
background-color: skyblue;
}
.widget-body {
padding: 10px;