Skip to content

Instantly share code, notes, and snippets.

@jklm313
jklm313 / dabblet.css
Created December 15, 2013 09:48
Untitled
.container {
float: left;
width: 180px;
height: 210px;
text-align: center;
border: 1px solid red;
line-height: 210px;
}
.container > img {
width: auto;
@jklm313
jklm313 / dabblet.css
Created November 7, 2013 17:15
Untitled
*, *:before, *:after {
margin: 0;
padding: 0;
position: relative;
box-sizing: border-box;
transform-style: preserve-3d;
backface-visibility: hidden;
animation-fill-mode: forwards;
}
@jklm313
jklm313 / dabblet.css
Created November 5, 2013 11:39
Untitled
div {
height: 200px;
width: 60%;
padding: 0;
overflow: auto;
border-width:10px;
border-image: url(http://www.norabrowndesign.com/css-experiments/images/border5.png) 10 10 10 10 round;
}
@jklm313
jklm313 / dabblet.css
Created October 29, 2013 17:58
Untitled
* {
box-sizing: border-box;
}
.welcome, .main {
height: 200px;
width: 200px;
}
.top, .bottom {
display: inline-block;
@jklm313
jklm313 / dabblet.css
Created October 29, 2013 17:18
demo purposes
* {
box-sizing: border-box; /* www.paulirish.com/2012/box-sizing-border-box-ftw/‎ */
}
.page {
display: flex;
}
/* demo purposes */
@jklm313
jklm313 / dabblet.css
Created October 28, 2013 18:02
Untitled
* {
margin: 0;
padding: 0;
position: relative;
box-sizing: border-box;
}
html {
background-color: grey;
}
@jklm313
jklm313 / dabblet.css
Created October 28, 2013 17:06
Untitled
* {
box-sizing:border-box; /* www.paulirish.com/2012/box-sizing-border-box-ftw/ */‎
}
#all-wrapper {
width: 960px;
margin: 0 auto;
}
#content-left {
@jklm313
jklm313 / dabblet.css
Created October 27, 2013 19:45
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
}
.container {
display: flex;
@jklm313
jklm313 / dabblet.css
Created October 27, 2013 19:09
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
}
div {
/* for demo */
background: indianred;
@jklm313
jklm313 / dabblet.css
Created October 27, 2013 19:05
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
}
html, body {
height: 100%;
}