KNACSS/sass/components/media.scss

25 lines
422 B
SCSS
Raw Normal View History

2016-09-21 10:26:28 +02:00
/* Media object */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
2017-06-21 10:50:33 +02:00
@media (min-width: $small) {
2016-09-21 10:26:28 +02:00
.o-media {
display: flex;
align-items: flex-start;
}
2016-09-21 10:26:28 +02:00
.o-media-content {
flex: 1;
min-width: 0; /* avoid min-width:auto */
}
}
/* Media variants */
2017-06-21 10:50:33 +02:00
@media (min-width: $small) {
2016-09-21 10:26:28 +02:00
.o-media--reverse {
flex-direction: row-reverse;
}
2016-09-21 10:26:28 +02:00
.o-media-figure--center {
align-self: center;
}
}