2 |-------------------------------------------------------------------------------
4 |-------------------------------------------------------------------------------
7 .c-post-view__content {
11 // .c-post-view__content img[src$="#left"] { max-width:50vw; float: left; }
12 // .c-post-view__content img[src$="#right"] { max-width:50vw; float: right; }
13 // .c-post-view__content img[src$="#full"] { max-width:none;width:100vw }
15 img[src$="#left"] { max-width:30%; float: left; }
16 img[src$="#right"] { max-width:30%; float: right; }
17 img[src$="#full"] { max-width:none;width:100vw }
21 .c-post-view__footer {
25 border-top: 1px solid $c-gray;
31 margin: 0 -10vw -165px;
32 background: var(--lightgrey) center center;
33 background-size: cover;
38 @media (max-width: 1170px) {
41 margin: 0 -4vw -100px;
43 background-size: cover;
47 @media (max-width: 800px) {
54 |-------------------------------------------------------------------------------
55 | Post view meta - date & tags
56 |-------------------------------------------------------------------------------
65 .c-post-view-meta__tags {
66 text-transform: lowercase;
69 .c-page-title__heading + .c-post-view-meta {
71 padding: 10px 100px 35px 100px;
77 |-------------------------------------------------------------------------------
78 | Post view share - share on Twitter, Facebook and Google+
79 |-------------------------------------------------------------------------------
85 .c-post-view-share__item {
94 @media (min-width: 550px) {
99 .c-post-view-share__item:hover {
104 .c-post-view-share__item--twitter {
108 .c-post-view-share__item--facebook {
112 .c-post-view-share__item--google {
117 |-------------------------------------------------------------------------------
118 | Post view previous / next post
119 |-------------------------------------------------------------------------------
121 .c-post-view-prev-next {
125 border-top: 1px solid $c-gray;
128 .c-post-view-prev-next__item {
129 @media (min-width: 700px) {
133 @media (max-width: 701px) {
136 padding-bottom: 20px;
137 border-bottom: 1px solid $c-gray;
142 // Image and image link
143 .c-post-view-prev-next__image {
153 .c-post-view-prev-next__image__img {
158 .c-post-view-prev-next__image--placeholder {
164 // Previous and Next labels
165 .c-post-view-prev-next__image__label {
170 background: rgba($c-black, 0.5);
173 .c-post-view-prev-next__image__label--next {
177 .c-post-view-prev-next__image__label--previous {