drublic

/**
 * Test for text-alignment in input[type="number"]
 */

input {
}

drublic

// Some configuration
var config = {
  moduleName: {
		moduleContextSelector: '.select-an-awesome > .module',
		moduleTitle: 'Some Arbitrary Title',
		moduleTimeoutSpeed: 3000
	}
};

drublic

/**
 * Example for floats
 */

.parent {
	width: 400px;
	overflow: hidden;
}
.floated {
	float: left;

drublic

/**
 * Example for floats
 */

.parent {
	width: 400px
}
.floated {
	float: left;
	width: 150px;

drublic

/**
 * Example for floats
 */

 .parent {
 	width: 400px
 }
 .floated {
 	float: left;
 	width: 150px;

drublic

/**
 * Vertical centering
 */

html,
body,
.a {
    height: 200px;
}

drublic

/**
 * Sticking problems
 */

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 40; /* Needed because of other content */

drublic

/**
 * Vertical centering
 */

html,
body,
.a {
    height: 100%;
}

drublic

$main-font-size: 16px;

@mixin x-rem($property, $values) {

	// Empty list for all values in px
	$px-values: ();
	$rem-values: ();

	// Iterate over entries
	@each $value in $values {

drublic

/**
 * hr's box-model behavior
 */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 1em 0;