mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-12 08:05:18 +01:00
80 lines
1.6 KiB
Plaintext
80 lines
1.6 KiB
Plaintext
/////////////////////////////////////
|
|
// MEDIA CSS FOR KREMALICIOUS.COM
|
|
/////////////////////////////////////
|
|
|
|
|
|
// IMAGES
|
|
/////////////////////////////////////
|
|
|
|
img,
|
|
figure,
|
|
.wp-caption {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: 5px;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
.box-shadow(0 1px 3px rgba(0,0,0,.3));
|
|
}
|
|
|
|
a.linkedImage img {
|
|
border: 2px solid @link-color;
|
|
.transition(border .2s ease-in-out);
|
|
}
|
|
|
|
.linkedImage:hover img {
|
|
border-color: @link-color-hover;
|
|
}
|
|
|
|
.teaser,
|
|
.teaser img {
|
|
margin-top: @line-height-computed*1.5;
|
|
margin-bottom: @line-height-computed*1.5;
|
|
}
|
|
|
|
|
|
// WORDPRESS MEDIA
|
|
/////////////////////////////////////
|
|
|
|
img.alignleft,
|
|
img.left, // some old articles markup
|
|
.imgleft, // some old articles markup
|
|
.wp-caption.alignleft,
|
|
img.alignright,
|
|
img.right, // some old articles markup
|
|
.imgright, // some old articles markup
|
|
.wp-caption.alignright,
|
|
img.aligncenter,
|
|
.wp-caption.aligncenter, {
|
|
float: none;
|
|
display: block;
|
|
margin: @line-height-computed auto;
|
|
}
|
|
|
|
.wp-caption {
|
|
img { margin-bottom: .5em; }
|
|
p { margin: 0; }
|
|
}
|
|
|
|
.wp-caption-text {
|
|
font-size: .9em;
|
|
line-height: @line-height-computed;
|
|
.dimmed
|
|
}
|
|
|
|
@media @breakpoint2 {
|
|
img.alignleft,
|
|
img.left, // some old articles markup
|
|
.imgleft, // some old articles markup
|
|
.wp-caption.alignleft { margin: 0 @line-height-computed @line-height-computed 0; float: left; }
|
|
|
|
img.alignright,
|
|
img.right, // some old articles markup
|
|
.imgright, // some old articles markup
|
|
.wp-caption.alignright { margin: 0 0 @line-height-computed @line-height-computed; float: right; }
|
|
} |