johannesress
4/16/2014 - 9:09 AM

Basis Less Styles

Basis Less Styles

@import "elements.less";

/**********************
** Variabls
**********************/

@grey: #eeeded;
@orange: #f59a06;
@blue: #2babe3;
@dark: #121211;

@body: 'Source Sans Pro', sans-serif;

/**********************
** Mixins
**********************/

 
/**********************
** General
**********************/
 
* {
	.box-sizing(border-box);
}

body {
	font-size: 14px;
	color: black;
	font-family: @body; 
	font-weight: 400;
}

a {
	color: @orange;
	.transition();
	&:hover {
		text-decoration: none;
		color: darken(@orange , 20%);
	}
}

.hidden {
	display: none;
}

h1 , h2 , h3 , h4 , h5 {
	font-weight: 700;
	color: @dark;
	margin-bottom: 5px;
	a {
		color: @dark;
	}	
}

blockquote {
	border-left: 5px solid darken(@grey, 10%);
	padding: 1px 10px;
	margin-left: 20px;
	padding-left: 20px;
}

hr {
	border-top: 1px solid darken(@grey, 10%);
}

input , button {
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	&:focus , &:active {
		outline: none;
	}
}

.post-thumbnail img , .wp-caption {
	width: 100%;
	height: auto;
}

/**********************
** Header
**********************/

/**********************
** Navigation
**********************/

/**********************
** Slider
**********************/

/**********************
** Sidebar
**********************/

/**********************
** Footer
**********************/

@media (max-width: 991px) {

}