m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-29 23:48:11 +01:00
Code

fix photo titles

Browse Source
This commit is contained in:
Matthias Kretschmann 2016-04-29 00:47:25 +02:00
parent 8f859dfd80
commit d3e19225b4
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
_src/_assets/styl/_kremalicious/content-photo.styl
View File

@ -22,26 +22,25 @@
margin-bottom: 0 margin-bottom: 0
figcaption figcaption
@extend .transition @extend .transition, .h4
transition-property: transform, opacity transition-property: transform, opacity
position: absolute position: absolute
min-width: 45% min-width: 45%
text-align: right text-align: right
font-family: $headings-font-family
font-weight: $headings-font-weight
font-style: normal
font-size: $font-size-small
padding: ($spacer/3) padding: ($spacer/3)
background: $link-color background: $link-color
background: alpha($link-color, .7) background: alpha($link-color, .7)
color: #fff color: #fff
text-shadow: 0 1px 0 #000 text-shadow: 0 1px 0 #000
left: -8% left: -($spacer)
top: $spacer top: $spacer
@media $breakpoint2 @media $breakpoint2
left: -16% left: -($spacer * 2)
@media $breakpoint3
left: -($spacer * 4)
opacity: 0 opacity: 0
transform: translate3d(0, -20px, 0) transform: translate3d(0, -20px, 0)