This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Align last element */ | |
.container { | |
display: table; | |
height: 100%; | |
} | |
.row { | |
display: table-row; | |
height: 100%; | |
} | |
.item { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
select { | |
margin-top: 100px; | |
width: 100%; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Input disabled | |
*/ | |
input { | |
display: inline-block; | |
cursor: pointer; | |
text-align: center; | |
padding: 0 1.429em; | |
box-sizing: border-box; | |
border: none; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.table { | |
display: table; | |
width: 100%; | |
} | |
.row { | |
display: table-row; | |
} | |
.cell { | |
display: table-cell; | |
width: 33%; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 { |