stijnj

# Avoid duplicate commands in the history
export HISTCONTROL=ignoredups;

# Make it less case sensitive
shopt -s nocaseglob

# Make the PS1 better
source ~/.git-completion.sh
PS1='\e[0;34m\][\t] \e[0;32m\]\w`__git_ps1`:\e[0m\] '

stijnj

/**
 * Pukkelpop 2012 - countdown
 */
body { padding-top: 10px; font-family: Arial; }
span {
	dipslay: block;
	float: left;
	padding-top: 30px;
	text-align: center;
	background-color: #ffe7c4;

stijnj

/**
 * Centered website
 */

.container { width: 960px; margin: 0 auto; border: 1px solid red; }

stijnj

/**
 * Date picker
 */
form { width: 250px; padding: 10px; padding-top: 125px; }

stijnj

/* Responsive content ordering with images */
@media screen and (min-width: 600px) {
	.desktop-left { float: left; width: 60%; }
	.desktop-right { float: right; width: 30%; }
}

stijnj

/**
 * Border on rounded corners
 */

img {
	box-shadow: 0 0 0 2px green;
	border-radius: 20px
}

stijnj

/**
 * Border on rounded corners
 */

img {
	box-shadow: 0 0 0 2px green;
	border-radius: 20px
}

stijnj

@desktopColumnWidth: 60px;
@tabletColumnWidth: 95px;
@gutter: 10px;

.desktop-column (@theColumn: 1) {
    width: (@desktopColumnWidth * @theColumn) + (@gutter * (@theColumn - 1) * 2);
}
.tablet-column (@theColumn: 1) {
    width: (@tabletColumnWidth * @theColumn) + (@gutter * (@theColumn - 1) * 2);
}

stijnj

/**
 * Box-model: simple example
 */
div {
	float: left;
	padding: 30px;
	border: 1px solid green;
	margin: 10px;
	font-size: 100px;
}

stijnj

/**
 * Box-model: content-box vs. border-box
 */
div {
	width: 300px;
	border: 1px solid black;
}
span {
	display: inline-block;
	float: left;