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) {
}