elemental/less/base/scaffolding.less

React UI Framework

//
// Scaffolding
// ==============================

// Inspired by https://github.com/twbs/bootstrap


// Reset the box-sizing

* {
	.box-sizing(border-box);
}
*:before,
*:after {
	.box-sizing(border-box);
}


// Body reset

html {
	font-size: @font-size-base; // apply here so we can use REMs
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	background-color: @body-bg;
	color: @text-color;
	font-family: @font-family-base;
	line-height: @line-height-base;
}

// Reset fonts for relevant elements
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}


// Links

a, .a {
	color: @link-color;
	cursor: pointer;
	text-decoration: none;

	&:hover,
	&:focus {
		color: @link-hover-color;
		text-decoration: @link-hover-decoration;
	}
}


// Images

img {
	vertical-align: middle;
}


// Horizontal rules

hr {
	border: 0;
	border-top: 1px solid fade(@text-color, 10%);
	margin-bottom: 2em;
	margin-top:    2em;
}