2016-05-29 12:28:52 +02:00
|
|
|
@import colors
|
|
|
|
|
|
|
|
|
|
.post-container
|
|
|
|
|
text-align: center
|
|
|
|
|
.post-content
|
|
|
|
|
text-align: left
|
|
|
|
|
margin: 0 auto
|
|
|
|
|
max-height: 100%
|
|
|
|
|
max-width: 100%
|
|
|
|
|
object-fit: contain
|
|
|
|
|
position: relative
|
|
|
|
|
|
|
|
|
|
img, object, video, .post-overlay
|
|
|
|
|
position: absolute
|
|
|
|
|
height: 100%
|
|
|
|
|
width: 100%
|
|
|
|
|
left: 0
|
|
|
|
|
right: 0
|
|
|
|
|
top: 0
|
|
|
|
|
bottom: 0
|
|
|
|
|
|
|
|
|
|
.post-overlay>*
|
|
|
|
|
position: absolute
|
|
|
|
|
left: 0
|
|
|
|
|
right: 0
|
|
|
|
|
top: 0
|
|
|
|
|
bottom: 0
|
|
|
|
|
width: 100%
|
|
|
|
|
height: 100%
|
2016-05-29 12:29:24 +02:00
|
|
|
|
|
|
|
|
.notes
|
|
|
|
|
stroke-width: 1px
|
|
|
|
|
polygon
|
|
|
|
|
fill: $note-overlay-background-color
|
|
|
|
|
stroke: $note-overlay-border-color
|
|
|
|
|
|
|
|
|
|
.note-text
|
|
|
|
|
position: absolute
|
|
|
|
|
max-width: 22.5em
|
|
|
|
|
margin-top: -0.5em
|
|
|
|
|
display: none
|
|
|
|
|
|
|
|
|
|
&>.wrapper
|
|
|
|
|
background: $note-text-background-color
|
|
|
|
|
padding: 0.5em
|
|
|
|
|
border: 1px solid $note-text-border-color
|
|
|
|
|
color: $note-text-text-color
|
|
|
|
|
margin-top: 1em
|
|
|
|
|
|
|
|
|
|
p:last-of-type
|
|
|
|
|
margin-bottom: 0
|
|
|
|
|
p:first-of-type
|
|
|
|
|
margin-top: 0
|
