mirror of
https://github.com/kremalicious/blog.git
synced 2024-09-24 18:18:49 +02:00
48 lines
841 B
Stylus
48 lines
841 B
Stylus
|
//
|
||
|
// kremalicious3
|
||
|
// --------------
|
||
|
// Media
|
||
|
//
|
||
|
|
||
|
|
||
|
// Responsive Media
|
||
|
/////////////////////////////////////
|
||
|
|
||
|
figure, img, svg, video, audio, embed, canvas
|
||
|
max-width: 100%
|
||
|
height: auto
|
||
|
margin: 0 auto
|
||
|
display: block
|
||
|
border-radius: $border-radius-base
|
||
|
|
||
|
|
||
|
// Images
|
||
|
/////////////////////////////////////
|
||
|
|
||
|
img
|
||
|
vertical-align: middle;
|
||
|
box-shadow: 0 1px 3px rgba(0,0,0,.2)
|
||
|
|
||
|
.teaser,
|
||
|
.teaser img
|
||
|
margin-top: $line-height-computed*1.5
|
||
|
margin-bottom: $line-height-computed*1.5
|
||
|
|
||
|
|
||
|
// Media Positioning
|
||
|
/////////////////////////////////////
|
||
|
|
||
|
img.alignleft,
|
||
|
img.alignright,
|
||
|
img.aligncenter
|
||
|
float: none
|
||
|
display: block
|
||
|
margin: $line-height-computed auto
|
||
|
|
||
|
@media $breakpoint2
|
||
|
img.alignleft
|
||
|
margin: 0 $line-height-computed $line-height-computed 0
|
||
|
|
||
|
img.alignright
|
||
|
margin: 0 0 $line-height-computed $line-height-computed
|