|
|
@ -1,171 +0,0 @@ |
|
|
|
$post-margin: 14px; |
|
|
|
|
|
|
|
.cooked { |
|
|
|
box-sizing: border-box; |
|
|
|
@include clearfix; |
|
|
|
} |
|
|
|
|
|
|
|
.cooked *, |
|
|
|
.cooked *:before, |
|
|
|
.cooked *:after { |
|
|
|
box-sizing: inherit; |
|
|
|
} |
|
|
|
|
|
|
|
//.cooked > *:first-child { |
|
|
|
// margin-top: $post-margin; |
|
|
|
//} |
|
|
|
|
|
|
|
.cooked p { |
|
|
|
margin-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.cooked hr { |
|
|
|
clear: both; |
|
|
|
} |
|
|
|
|
|
|
|
.cooked .clear { |
|
|
|
clear: both; |
|
|
|
background: #fff; // Change this to the bg color variable |
|
|
|
margin: 0; |
|
|
|
height: 0; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
|
|
|
|
figure { |
|
|
|
width: 100%; |
|
|
|
margin: 0 0 $post-margin 0; |
|
|
|
} |
|
|
|
|
|
|
|
.post-menu-area { |
|
|
|
clear: both; |
|
|
|
} |
|
|
|
|
|
|
|
figure img { |
|
|
|
width: 100%; |
|
|
|
height: auto; |
|
|
|
} |
|
|
|
|
|
|
|
// quarter |
|
|
|
// ============== |
|
|
|
|
|
|
|
.quarter { |
|
|
|
width: calc(25% - (3/4 * #{$post-margin}));; |
|
|
|
float: left; |
|
|
|
margin-right: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.quarter.right { |
|
|
|
float: right; |
|
|
|
margin-right: 0; |
|
|
|
margin-left: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.quarter.last { |
|
|
|
margin-right: 0; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.quarter.right.last { |
|
|
|
margin-left: 0; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
// third |
|
|
|
// =============== |
|
|
|
|
|
|
|
.third { |
|
|
|
width: calc(33.3333% - (2/3 * #{$post-margin})); |
|
|
|
float: left; |
|
|
|
margin-right: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.third.right { |
|
|
|
float: right; |
|
|
|
margin-right: 0; |
|
|
|
margin-left: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.third.last { |
|
|
|
margin-right: 0; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.third.right.last { |
|
|
|
margin-left: 0; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
// half |
|
|
|
// ================== |
|
|
|
|
|
|
|
.half { |
|
|
|
width: calc(50% - (1/2 * #{$post-margin})); |
|
|
|
float: left; |
|
|
|
margin-right: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.half.right { |
|
|
|
float: right; |
|
|
|
margin-right: 0; |
|
|
|
margin-left: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.half.last { |
|
|
|
margin-right: 0; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.half.right.last { |
|
|
|
margin-left: 0; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
// two thirds |
|
|
|
// ================== |
|
|
|
|
|
|
|
.two-thirds { |
|
|
|
width: calc(66.6666% - (1/3 * #{$post-margin})); |
|
|
|
float: left; |
|
|
|
margin-right: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.two-thirds.right { |
|
|
|
float: right; |
|
|
|
margin-right: 0; |
|
|
|
margin-left: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.two-thirds.last { |
|
|
|
margin-right: 0; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.two-thirds.right.last { |
|
|
|
margin-left: 0; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
// three quarters |
|
|
|
// ================== |
|
|
|
|
|
|
|
.three-quarters { |
|
|
|
width: calc(75% - (1/4 * #{$post-margin})); |
|
|
|
float: left; |
|
|
|
margin-right: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.three-quarters.right { |
|
|
|
float: right; |
|
|
|
margin-right: 0; |
|
|
|
margin-left: $post-margin; |
|
|
|
} |
|
|
|
|
|
|
|
.three-quarters.last { |
|
|
|
margin-right: 0; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.three-quarters.right.last { |
|
|
|
margin-left: 0; |
|
|
|
margin-right:0; |
|
|
|
} |