diff --git a/app/assets/stylesheets/extranet/pages/_posts.sass b/app/assets/stylesheets/extranet/pages/_posts.sass index 752f506f04150837469bb9c0365614b944d85175..6780a2eaa9357b8111051a271ebb59c78af25bb7 100644 --- a/app/assets/stylesheets/extranet/pages/_posts.sass +++ b/app/assets/stylesheets/extranet/pages/_posts.sass @@ -1,31 +1,40 @@ -.posts-show header figure - display: inline-block - position: relative - &.with-credit::after - bottom: 0 - content: '©' - padding: 0.5rem - padding-right: 0 - position: absolute - right: 0 - transform: translateY(100%) - figcaption - display: none - font-size: 1rem - font-weight: 400 - left: 0 - padding: 0.5rem - padding-right: 1.5rem - position: absolute - right: 0 - text-align: right - z-index: 10 - p - margin-bottom: 0 - a - text-decoration: underline - &:hover figcaption - display: block - @include media-breakpoint-down(md) - figcaption p +.posts-show header + .header__additional_data + figure + display: inline-block + position: relative + @include media-breakpoint-up(md) + padding-left: 2.813rem + width: 25% + picture img + width: 100% + &.with-credit::after + bottom: 0 + content: '©' + padding: 0.5rem + padding-right: 0 + position: absolute + right: 0 + transform: translateY(100%) + figcaption + display: none + font-size: 1rem + font-weight: 400 + left: 0 + padding: 0.5rem + padding-right: 1.5rem + position: absolute + right: 0 + text-align: right + z-index: 10 + @include media-breakpoint-up(md) + padding-left: 2.813rem + p + margin-bottom: 0 + a + text-decoration: underline + &:hover figcaption display: block + @include media-breakpoint-down(md) + figcaption p + display: block