1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-14 00:55:16 +01:00
blog/_src/_assets/styl/media.styl

40 lines
730 B
Stylus
Raw Normal View History

2014-07-12 02:00:18 +02:00
//
// kremalicious3
// --------------
// Media
//
// Responsive Media
/////////////////////////////////////
2015-11-20 18:13:34 +01:00
figure, img, svg, video, audio, embed, canvas, picture
2014-07-12 21:22:47 +02:00
max-width: 100%
height: auto
margin: 0 auto
display: block
2014-07-12 02:00:18 +02:00
border-radius: $border-radius-base
// Images
/////////////////////////////////////
img
2014-07-21 21:07:43 +02:00
vertical-align: middle
2014-07-12 02:00:18 +02:00
// Media Positioning
/////////////////////////////////////
img.alignleft,
img.alignright,
img.aligncenter
2014-07-12 21:22:47 +02:00
float: none
display: block
margin: $line-height-computed auto
2014-07-12 02:00:18 +02:00
@media $breakpoint2
2014-07-12 21:22:47 +02:00
img.alignleft
2014-07-12 02:00:18 +02:00
margin: 0 $line-height-computed $line-height-computed 0
2014-07-12 21:22:47 +02:00
img.alignright
2015-08-02 21:15:22 +02:00
margin: 0 0 $line-height-computed $line-height-computed