mirror of
https://github.com/philomena-dev/philomena.git
synced 2024-11-27 13:47:58 +01:00
ensure image doesn't try to be larger than width
This commit is contained in:
parent
c4b67ba30d
commit
d1d53c9537
1 changed files with 11 additions and 17 deletions
|
@ -308,25 +308,19 @@ blockquote blockquote blockquote blockquote blockquote blockquote {
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img[alt=tiny] {
|
@mixin image-alt-size($name, $size) {
|
||||||
max-height: $image_tiny_size !important;
|
@media (min-width: $size) {
|
||||||
max-width: $image_tiny_size !important;
|
img[alt=#{$name}] {
|
||||||
|
max-height: $size !important;
|
||||||
|
max-width: $size !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
img[alt=small] {
|
@include image-alt-size(tiny, $image_tiny_size);
|
||||||
max-height: $image_small_size !important;
|
@include image-alt-size(small, $image_small_size);
|
||||||
max-width: $image_small_size !important;
|
@include image-alt-size(medium, $image_medium_size);
|
||||||
}
|
@include image-alt-size(large, $image_large_size);
|
||||||
|
|
||||||
img[alt=medium] {
|
|
||||||
max-height: $image_medium_size !important;
|
|
||||||
max-width: $image_medium_size !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
img[alt=large] {
|
|
||||||
max-height: $image_large_size !important;
|
|
||||||
max-width: $image_large_size !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
table {
|
||||||
@extend .table;
|
@extend .table;
|
||||||
|
|
Loading…
Reference in a new issue