Skip to content

Instantly share code, notes, and snippets.

View vasilisvg's full-sized avatar

Vasilis van Gemert vasilisvg

View GitHub Profile
@vasilisvg
vasilisvg / dabblet.css
Created March 12, 2012 10:28
Responsive blog layout oefening
/**
* Responsive blog layout oefening
*/
article {
display: inline-block;
vertical-align: top;
}
nav li {
display: block;
@vasilisvg
vasilisvg / dabblet.css
Created March 4, 2012 21:27
Inline-block not done
/**
* Inline-block not done
*/
* {
box-sizing: border-box;
}
article {
@vasilisvg
vasilisvg / dabblet.css
Created March 4, 2012 21:25
Inline-block done
/**
* Inline-block done
*/
* {
box-sizing: border-box;
}
article {
display: inline-block;
@vasilisvg
vasilisvg / dabblet.css
Created March 4, 2012 21:24
Positioning not done
/**
* Positioning not done
*/
* {
box-sizing: border-box;
}
article {
@vasilisvg
vasilisvg / dabblet.css
Created March 4, 2012 21:04
Positioning done
/**
* Positioning done
*/
* {
box-sizing: border-box;
}
article {
position: absolute;
@vasilisvg
vasilisvg / dabblet.css
Created March 4, 2012 21:01
Floating not done
/**
* Floating not done
*/
* {
box-sizing: border-box;
}
article {
@vasilisvg
vasilisvg / dabblet.css
Created March 4, 2012 20:50
Floating done
/**
* Floating done
*/
* {
box-sizing: border-box;
}
article {
width: 50%;
@vasilisvg
vasilisvg / dabblet.css
Created February 19, 2012 21:12
Attribute selectors and bling oefening
/**
* Attribute selectors and bling oefening
Opdracht:
Vervang alle … door de juiste selector of combinatie.
De omschrijving staat er telkens boven
*/
/* Dit blok geldt voor alle input-elementen */
… {
@vasilisvg
vasilisvg / dabblet.css
Created February 19, 2012 19:09
Attribute selectors and bling
/**
* Attribute selectors and bling
*/
fieldset {
border: 0;
border-radius: 1em;
box-shadow: 0 0 1em currentColor;
@vasilisvg
vasilisvg / dabblet.css
Created February 19, 2012 17:07
Child selectors en sibling combinators oefening
/**
* Child selectors en sibling combinators oefening
Opdracht:
Vervang alle … door de juiste selector of combinatie.
De omschrijving staat er telkens boven
*/
body {
background: #fff;
font: 100%/1.5 georgia;