Test case for work.
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
/** | |
* Fast + fluid spalter | |
* Tips from iAllEnkelhet: http://iallenkelhet.no/2012/08/20/piksler-og-prosent-i-responsive-web-design/ | |
*/ | |
* { | |
box-sizing: border-box; | |
} | |
.page { |
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
/** | |
* Popover with list of images with two rows of text | |
*/ | |
/*.container {position: relative; margin-top: 100px; background: red; display: block; height: 20px; width: 500px;} */ | |
/*.likes-list {position: absolute; bottom: 22px; background: green;}*/ | |
li {display: list-item;} | |
li a {display: block; background: red; border-bottom: 1px solid blue;} |
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
/** | |
* Popover with list of images with two rows of text | |
*/ | |
/*.container {position: relative; margin-top: 100px; background: red; display: block; height: 20px; width: 500px;} */ | |
.likes-list {position: absolute; bottom: 22px; background: green;} | |
li {display: list-item;} | |
li a {display: block; background: red; border-bottom: 1px solid blue;} |
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 | |
*/ | |
body { | |
background: #eee; | |
min-height: 100%; | |
font-family: helvetica, arial, sans-serif; | |
} |
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
/** | |
* Horizontally centered list elements in responsive element | |
"display: inline-block;" is a bit fishy in IE6+7, but if you're using less/sass there are workaround mixins.. | |
*/ | |
h2 { | |
padding: 3px 4px; | |
background: #333; |
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
/** | |
* Horizontally centered list elements in responsive element | |
*/ | |
h2 { | |
padding: 3px 4px; | |
background: #333; | |
color: #fff; | |
font-size: 14px; |
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
/** | |
* Speech bubble for DK | |
*/ | |
background: #fff; | |
.statusPost {width: 560px;} | |
.statusPost .stamp {position: relative; float: left; margin-right: 10px;} | |
.statusPost .stamp .sub {position: absolute; top: 60px; left: 30px; border: 1px solid red;} |
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
/** | |
* Speech bubble for DK | |
*/ | |
background: #fff; | |
.statusPost {width: 560px;} | |
.statusPost .stamp {position: relative; float: left; margin-right: 10px;} | |
.statusPost .stamp .sub {position: absolute; top: 60px; left: 30px; border: 1px solid red;} |
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
/** | |
* Speech bubble for DK | |
*/ | |
background: #fff; | |
.statusPost {width: 560px;} | |
.statusPost .stamp {position: relative; float: left; margin-right: 10px;} | |
.statusPost .stamp .sub {position: absolute; top: 60px; left: 30px; border: 1px solid red;} |
NewerOlder