Skip to content

Instantly share code, notes, and snippets.

View argyleink's full-sized avatar
💀
calc(dev*design)

Adam Argyle argyleink

💀
calc(dev*design)
View GitHub Profile
@argyleink
argyleink / dabblet.css
Created February 20, 2013 01:12
Basic CSS Animation
/**
* Basic CSS Animation
*/
body,html{
height:100%;width:100%;
margin:0;padding:0;
}
.hello{
display: block;
height:500px;
@argyleink
argyleink / dabblet.css
Created February 20, 2013 01:27
Basic CSS Animation
/**
* Basic CSS Animation
*/
body,html{
height:100%;width:100%;
margin:0;padding:0;
}
.hello{
display: block;
height:500px;
@argyleink
argyleink / dabblet.css
Created February 20, 2013 02:47
Layouts - 2 column
/**
* Layouts - 2 column
*/
section:nth-child(1) {
background:red;
}
section:nth-child(2) {
background:blue;
}
@argyleink
argyleink / dabblet.css
Created February 20, 2013 02:56
Layouts - 2 column
/**
* Layouts - 2 column
*/
body {
color:white;
margin:0;
}
section:nth-child(1) {
@argyleink
argyleink / dabblet.css
Created February 20, 2013 03:06
Layouts - 3 flexbox
/**
* Layouts - 3 flexbox
*/
body {
color:white;
margin:0;
}
.flex {
display:flex;
@argyleink
argyleink / dabblet.css
Created February 20, 2013 03:08
Layouts - 3 flexbox
/**
* Layouts - 3 flexbox
*/
body {
color:white;
margin:0;
}
.flex {
display:flex;
@argyleink
argyleink / dabblet.css
Created February 20, 2013 03:09
Layouts - 3 flexbox
/**
* Layouts - 3 flexbox
*/
body {
color:white;
margin:0;
}
.flex {
display:flex;
@argyleink
argyleink / dabblet.css
Created February 20, 2013 03:09
Layouts - 3 flexbox
/**
* Layouts - 3 flexbox
*/
body {
color:white;
margin:0;
}
.flex {
display:flex;
@argyleink
argyleink / dabblet.css
Created February 20, 2013 03:10
Layouts - 3 flexbox
/**
* Layouts - 3 flexbox
*/
body {
color:white;
margin:0;
}
.flex {
display:flex;
@argyleink
argyleink / dabblet.css
Created February 20, 2013 03:11
Layouts - 3 flexbox
/**
* Layouts - 3 flexbox
*/
body {
color:white;
margin:0;
}
.flex {
display:flex;