Skip to content

Instantly share code, notes, and snippets.

View hebe's full-sized avatar

Hilde Skjølberg hebe

  • Schibsted Prod&Tech
  • Oslo, Norway
View GitHub Profile
@hebe
hebe / Toggle-child-checkmarks-with-parent.markdown
Created April 9, 2015 23:14
Toggle child checkmarks with parent
@hebe
hebe / dabblet.css
Created November 6, 2012 16:32
Fast + fluid spalter
/**
* Fast + fluid spalter
* Tips from iAllEnkelhet: http://iallenkelhet.no/2012/08/20/piksler-og-prosent-i-responsive-web-design/
*/
* {
box-sizing: border-box;
}
.page {
@hebe
hebe / dabblet.css
Created October 4, 2012 11:21
Popover with list of images with two rows of text
/**
* 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;}
@hebe
hebe / dabblet.css
Created September 26, 2012 12:24
Popover with list of images with two rows of text
/**
* 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;}
@hebe
hebe / dabblet.css
Created September 14, 2012 11:22
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #eee;
min-height: 100%;
font-family: helvetica, arial, sans-serif;
}
@hebe
hebe / dabblet.css
Created May 24, 2012 09:58
Horizontally centered list elements in responsive element
/**
* 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;
@hebe
hebe / dabblet.css
Created May 24, 2012 09:55
Horizontally centered list elements in responsive element
/**
* Horizontally centered list elements in responsive element
*/
h2 {
padding: 3px 4px;
background: #333;
color: #fff;
font-size: 14px;
@hebe
hebe / dabblet.css
Created March 27, 2012 12:17
Speech bubble for DK
/**
* 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;}
@hebe
hebe / dabblet.css
Created March 27, 2012 12:17
Speech bubble for DK
/**
* 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;}
@hebe
hebe / dabblet.css
Created March 21, 2012 16:20
Speech bubble for DK
/**
* 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;}