19 lines
386 B
Stylus
19 lines
386 B
Stylus
|
/* Media object */
|
||
|
|
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
|
||
|
|
@media (min-width: (tiny + 1))
|
||
|
|
.o-media
|
||
|
|
display flex
|
||
|
|
align-items flex-start
|
||
|
|
|
||
|
|
.o-media-content
|
||
|
|
flex 1
|
||
|
|
min-width 0 /* avoid min-width:auto */
|
||
|
|
|
||
|
|
/* Media variants */
|
||
|
|
@media (min-width: (tiny + 1))
|
||
|
|
.o-media--reverse
|
||
|
|
flex-direction row-reverse
|
||
|
|
|
||
|
|
.o-media-figure--center
|
||
|
|
align-self center
|