m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +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 display: block
position: relative position: relative
@media $breakpoint2
&:hover
transform: scale(1.03)
.featured-title .featured-title
@extend .transition @extend .transition
transition-property: transform, opacity
margin: 0 margin: 0
position: absolute position: absolute
top: 25% top: 25%
@ -61,11 +58,11 @@
left: 0 left: 0
opacity: 0 opacity: 0
transform: translate(0, -20px) transform: translate3d(0, -20px, 0)
.featured-link:hover & .featured-link:hover &
opacity: 1 opacity: 1
transform: translate(0, 0) transform: translate3d(0, 0, 0)
img.featured-image img.featured-image
display: block display: block

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

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

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

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