KNACSS/sass/components/media.scss

25 lines
465 B
SCSS
Raw Normal View History

2017-07-31 10:52:40 +02:00
/* ----------------------------- */
/* ==Media object */
/* ----------------------------- */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
2017-07-31 10:52:40 +02:00
2017-08-01 21:02:01 +02:00
@media (min-width: $tiny) {
2017-08-01 17:00:16 +02:00
.media {
2016-09-21 10:26:28 +02:00
display: flex;
align-items: flex-start;
2017-08-01 17:00:16 +02:00
&-media-content {
flex: 1;
}
2017-08-01 17:00:16 +02:00
// vertical align image
&-figure--center {
align-self: center;
}
// reverse variant
&--reverse {
flex-direction: row-reverse;
}
2016-09-21 10:26:28 +02:00
}
}