Demo Doc Styles

demo-base.less

/*
	Demo styles
*/
@import 'lib/elements.less'; 		// http://lesselements.com/
@import 'lib/flexbox-mixins.less';	// https://gist.github.com/kjantzer/7948269

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;

	padding: 0;
	margin: 0;
	font-family: 'Helvetica', 'Arial';
	font-size: 20px;
	color: #333;
}

p {
	line-height: 1.4em;
}

a, a:link, a:visited {
	color: inherit;
	text-decoration: none;
	
	&:not(.btn){
		border-bottom: dotted 2px #aaa;
	}
	
	&:hover {
		color: @color;
	}
}

.btn {
	display: inline-block;
	background-color: @color;
	color: #fff;
	padding: .5em .75em;
	border-radius: 3px;
	line-height: 1em;
	cursor: pointer;
	.transition(140ms);
	
	&.dropdown-open,
	&:hover {
		color: #fff;
		background: @color-highlight;
	}
}

h1 {
	color: @color;
}

a[onclick] {
	cursor: pointer;
}

pre {
	-moz-tab-size:    4;
    -o-tab-size:      4;
    tab-size:         4;
	background: #f5f5f5;
	color: #555;
	overflow: auto;
	font-size: .8em;
	
	&:not(:empty){
		padding: .25em;
	}
}

xmp { margin: 0;}

code {
	background-color: #f5f5f5;
	color: #555;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: .8em;
}

blockquote {
	border-left: solid 4px @color;
	margin: 0 0 0 1em;
	padding: .25em .5em;
	font-style: italic;
	
	> *:first-child { margin-top: 0;}
	> *:last-child { margin-bottom: 0;}
}

small {
	font-size: .7em;
}

hr {
	border: none;
	height: 4px;
	background: #eee;
	margin: 3em 0;
}

header {
	padding: 0 .5em;
	background: @color;
	height: 45vh;
	max-height: 500px;
	min-height: 400px;
	color: #fff;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	h1 {
		font-weight: 300;
		font-size: 4em;
		margin: 0;
		color: @color-highlight;
	}
	
	h3 {
		max-width: 600px;
		text-align: center;
	}
	
	article {
		max-width: 600px;
		width: 100%;
	}
	
	.btn {
		background: @color-highlight;
		color: @color;
	}
}


section {
	max-width: 740;
	margin: 0 auto;
	padding: 2em .5em;
}