Skip to content

Instantly share code, notes, and snippets.

View tongue's full-sized avatar

Johan Bergström tongue

View GitHub Profile
@tongue
tongue / dabblet.css
Created May 20, 2014 08:12
Align last element
/* Align last element */
.container {
display: table;
height: 100%;
}
.row {
display: table-row;
height: 100%;
}
.item {
@tongue
tongue / dabblet.css
Created April 24, 2014 16:05
Beveled corners & negative border-radius with CSS gradients
/**
* Beveled corners & negative border-radius with CSS gradients
*/
div {
background: #c00; /* fallback */
background:
linear-gradient(135deg, transparent 10px, #c00 0) top left,
linear-gradient(225deg, transparent 10px, #c00 0) top right,
linear-gradient(315deg, transparent 10px, #c00 0) bottom right,
@tongue
tongue / dabblet.css
Created April 14, 2014 12:41
Untitled
select {
margin-top: 100px;
width: 100%;
}
@tongue
tongue / dabblet.css
Created February 11, 2014 09:23
Input disabled
/**
* Input disabled
*/
input {
display: inline-block;
cursor: pointer;
text-align: center;
padding: 0 1.429em;
box-sizing: border-box;
border: none;
@tongue
tongue / dabblet.css
Created February 11, 2014 09:22
Untitled
.table {
display: table;
width: 100%;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
width: 33%;
@tongue
tongue / dabblet.css
Created November 4, 2013 11:43
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@tongue
tongue / dabblet.css
Created November 4, 2013 10:09
Visa som tabell för att vi ska kunna köra vertikal linjering, samt att tabell celler växer
h3 {
display: inline-block; /* för att bara få en border på botten, samt att bredden blir relativ */
border-bottom: 1px solid #fff;
padding-bottom: 3px;
font-weight: normal;
font-size: 3em;
text-transform: uppercase;
}
h3:after {