Skip to content

Instantly share code, notes, and snippets.

View drublic's full-sized avatar
🌐
Remote by default

Hans Reinl drublic

🌐
Remote by default
View GitHub Profile
@drublic
drublic / dabblet.css
Created February 13, 2012 19:09
Clear float with position: absolute;
/**
* Clear float with position: absolute;
*/
#mother {
background: #eee;
padding: 10px;
}
#mother div {
@drublic
drublic / dabblet.css
Created February 17, 2012 10:25
Test loading for images when display: none;
/**
* Test loading for images when display: none;
*/
img { display: none; }
@drublic
drublic / dabblet.css
Created February 17, 2012 13:00
Test loading for images when display: none;
/**
* Test loading for images when display: none;
*/
img { display: none; }
@drublic
drublic / dabblet.css
Created February 17, 2012 13:06
Testing CSS Hierarchies Module Level 3
/**
* Testing CSS Hierarchies Module Level 3
*/
nav li { background: red; }
nav {
& li {
background: yellow;
&:last-child {
@drublic
drublic / dabblet.css
Created February 17, 2012 13:59
Using CSS nesting with @this
/**
* Using CSS nesting with @this
*/
html body { background: red; }
html {
@this body {
background: green;
}
@drublic
drublic / dabblet.css
Created February 17, 2012 15:30
Testing CSS Hierarchies Module Level 3
/**
* Testing CSS Hierarchies Module Level 3
*/
html body { background: red; }
html {
& body {
background: green;
}
@drublic
drublic / dabblet.css
Created February 27, 2012 11:14
Testing CSS Hierarchies Module Level 3
/**
* Testing CSS Hierarchies Module Level 3
*/
html body { background: red; }
html {
& body {
background: green;
}
@drublic
drublic / dabblet.css
Created February 27, 2012 11:17
testing position: center
/**
* testing position: center
*/
div {
position: -webkit-center;
}
@drublic
drublic / dabblet.css
Created February 29, 2012 15:39
testing position: center
/**
* testing position: center
*/
div {
position: center;
}
@drublic
drublic / dabblet.css
Created February 29, 2012 15:40
Pseudo-elements for select
/**
* Pseudo-elements for select
*/
select {
-webkit-appearance: none;
}
select:after {
content: 'abc';