Skip to content

Instantly share code, notes, and snippets.

Avatar
💀
calc(dev*design)

Adam Argyle argyleink

💀
calc(dev*design)
View GitHub Profile
@argyleink
argyleink / dabblet.css
Created Feb 10, 2012
Checkbox Hack for button with what could be a faux :selected
View dabblet.css
.transparent { opacity:0; }
.absolute { position:absolute; }
/* Toggled State */
label {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background-color:#ededed;
border-radius:6px;
border:1px solid #dcdcdc;
View settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
@argyleink
argyleink / dabblet.css
Created Feb 13, 2012
Pure CSS Tab System using :target
View dabblet.css
/**
* Pure CSS Tab System using :target
*/
body {
font-family: sans-serif;
}
.tabrow {
text-align: center;
@argyleink
argyleink / dabblet.css
Created Mar 19, 2012
Pure CSS3 Accordion System inspired by the CSS Ninja
View dabblet.css
/*
Pure CSS3 Accordion System inspired by the CSS Ninja
*/
body{ font-family:sans-serif; background:#f9f9f9; }
dl {
padding: 10px;
}
@argyleink
argyleink / dabblet.css
Created Apr 4, 2012
Dot indicators inside of a circle,
View dabblet.css
/**
* Dot indicators inside of a circle,
which rotate around the center of the parent circle
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
}
.circle {
View settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
View settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
@argyleink
argyleink / dabblet.css
Created Apr 27, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.triangle {
View settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
@argyleink
argyleink / dabblet.css
Created Sep 13, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.table {
You can’t perform that action at this time.