css-magic/less/resets.less

Include Ray's CSS Library

html {
	position: @relative;
	.margin(@zero);
	.padding(@zero);
	.mm-width(@initial,@hunnid);
	overflow-x: @hidden;

	&.locked & {
		overflow-y: @hidden;
	}

	&.mobile {
		*,
		*:before,
		*:after {
			.overflow-scrolling(touch);
		}
	}
}

body {
	position: @relative;
	.margin(@zero);
	.padding(@zero);
	.mm-width(@initial,@hunnid);
	line-height: 1.3em;
	font-size: 12pt;
	overflow-x: @hidden;

	html.locked & {
		overflow-y: @hidden;
	}

	html.ie & {
		overflow-x: @visible;
	}
}

header, section, main, nav, footer, aside, dialog, picture, figure, figcaption {
	.block;
}

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

.ray-container {

	a {

		img {
			border: @none;
		}
	}

	h1, h2, h3, h4, h5, h6, p, ul, ol {
		.margin(@zero);
	}
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.2em;
		//letter-spacing: .5px;
		.padding(@one,@zero,.25em,@zero);
	}
	p, ul, ol {
		line-height: 1.3em;
		//letter-spacing: @zero;
	}
	h1 {
		font-size: 2em;
		.padding(.5em,@zero,.125em,@zero);
	}
	h2 {
		font-size: 1.8em;
		.padding(.6em,@zero,.15em,@zero);
	}
	h3 {
		font-size: 1.6em;
		.padding(.7em,@zero,.175em,@zero);
	}
	h4 {
		font-size: 1.4em;
		.padding(.8em,@zero,.2em,@zero);
	}
	h5 {
		font-size: 1.2em;
		.padding(.9em,@zero,.225em,@zero);
	}
	h6 {
		font-size: @one;
	}
	p {
		font-size: @one;
		.padding(.25em,@zero,@one,@zero);

		&:first-child {
			padding-top: @one;
		}
	}
	ul, ol {
		font-size: @one;
		.padding(.25em,@zero,@one,1.75em);

		&:first-child {
			padding-top: @one;
		}
	}
}