mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-12 08:05:18 +01:00
53 lines
873 B
Plaintext
53 lines
873 B
Plaintext
/////////////////////////////////////
|
|
// MEDIA CSS FOR KREMALICIOUS.COM
|
|
/////////////////////////////////////
|
|
|
|
|
|
// IMAGES
|
|
/////////////////////////////////////
|
|
|
|
img,
|
|
figure {
|
|
max-width: 100%;
|
|
height: auto;
|
|
.border-radius;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
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;
|
|
float: left;
|
|
}
|
|
|
|
img.alignright {
|
|
margin: 0 0 @line-height-computed @line-height-computed;
|
|
float: right;
|
|
}
|
|
} |