| @ -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; | |||||
| } | |||||