react-mobiscroll/examples/src/example.less

A simple wrapper of Mobiscroll for ReactJS.

//
// Common Example Styles
// ------------------------------



// Body

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 0;
}

a {
	color: #08c;
	text-decoration: none;

	&:hover {
		text-decoration: underline;
	}
}

.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	padding: 1em;
}

// Type

h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-weight: 100;
	margin: 1em 0 0.5em 0;
}

// Forms

label {
	color: #999;
	display: inline-block;
	font-size: 0.85em;
	font-weight: bold;
	margin: 1em 0;
	text-transform: uppercase;
}