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
|
2016-04-16 19:32:58 +02:00
|
|
|
margin: $spacer auto
|
2014-07-12 02:00:18 +02:00
|
|
|
|
|
|
|
|
@media $breakpoint2
|
2014-07-12 21:22:47 +02:00
|
|
|
img.alignleft
|
2016-04-16 19:32:58 +02:00
|
|
|
margin: 0 $spacer $spacer 0
|
2014-07-12 21:22:47 +02:00
|
|
|
img.alignright
|
2016-04-16 19:32:58 +02:00
|
|
|
margin: 0 0 $spacer $spacer
|
2016-04-16 20:37:23 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
// Image frame style
|
|
|
|
|
/////////////////////////////////////
|
|
|
|
|
|
|
|
|
|
.media-frame
|
|
|
|
|
@extend .transition
|
|
|
|
|
border: 2px solid transparent
|
|
|
|
|
border-radius: $border-radius-base
|
|
|
|
|
box-shadow: 0 1px 3px alpha($brand-grey,.2)
|
