1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-12 08:05:18 +01:00
blog/_src/_assets/styl/media.styl
Matthias Kretschmann 384b364a63
rem all the things
- switch to rem based typography
- switch to rem based spacing
- responsive typography through root font size change
2016-04-16 20:13:14 +02:00

40 lines
660 B
Stylus

//
// kremalicious3
// --------------
// Media
//
// Responsive Media
/////////////////////////////////////
figure, img, svg, video, audio, embed, canvas, picture
max-width: 100%
height: auto
margin: 0 auto
display: block
border-radius: $border-radius-base
// Images
/////////////////////////////////////
img
vertical-align: middle
// Media Positioning
/////////////////////////////////////
img.alignleft,
img.alignright,
img.aligncenter
float: none
display: block
margin: $spacer auto
@media $breakpoint2
img.alignleft
margin: 0 $spacer $spacer 0
img.alignright
margin: 0 0 $spacer $spacer