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

firefox flexbox fix

Browse Source
This commit is contained in:
Matthias Kretschmann 2015-12-05 15:15:35 +01:00
parent 7eef5a96c9
commit 9bd9a9cb96
3 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
_src/_assets/styl/content-featured.styl
View File

@ -38,12 +38,9 @@
display: block
position: relative
@media $breakpoint2
&:hover
transform: scale(1.03)
.featured-title
@extend .transition
transition-property: transform, opacity
margin: 0
position: absolute
top: 25%
@ -61,11 +58,11 @@
left: 0
opacity: 0
transform: translate(0, -20px)
transform: translate3d(0, -20px, 0)
.featured-link:hover &
opacity: 1
transform: translate(0, 0)
transform: translate3d(0, 0, 0)
img.featured-image
display: block

5
_src/_assets/styl/content-photo.styl
View File

@ -18,6 +18,7 @@
figcaption
@extend .transition
transition-property: transform, opacity
position: absolute
top: 25%
min-width: 45%
@ -38,11 +39,11 @@
left: -16%
opacity: 0
transform: translate(0, -20px)
transform: translate3d(0, -20px, 0)
&:hover figcaption
opacity: 1
transform: translate(0, 0)
transform: translate3d(0, 0, 0)
.entry-content
text-align: left

4
_src/_assets/styl/grid.styl
View File

@ -10,6 +10,7 @@
*:after
box-sizing: border-box
//
// Base
//
@ -22,6 +23,9 @@
.grid__col
flex: 1
// Firefox grid fix for whatever reason
min-height: 0
min-width: 0
//