PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2024-11-23 20:18:00 +01:00
Code Issues Projects Releases Packages Wiki Activity

ensure image doesn't try to be larger than width

Browse source
This commit is contained in:
Luna D 2021-10-04 21:43:06 +02:00
parent c4b67ba30d
commit d1d53c9537
No known key found for this signature in database
GPG key ID: 81AF416F2CC36FC8
1 changed files with 11 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
assets/css/common/_base.scss
View file

@ -308,25 +308,19 @@ blockquote blockquote blockquote blockquote blockquote blockquote {
margin-bottom: 6px;
}
img[alt=tiny] {
max-height: $image_tiny_size !important;
max-width: $image_tiny_size !important;
@mixin image-alt-size($name, $size) {
@media (min-width: $size) {
img[alt=#{$name}] {
max-height: $size !important;
max-width: $size !important;
}
}
}
img[alt=small] {
max-height: $image_small_size !important;
max-width: $image_small_size !important;
}
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;
}
@include image-alt-size(tiny, $image_tiny_size);
@include image-alt-size(small, $image_small_size);
@include image-alt-size(medium, $image_medium_size);
@include image-alt-size(large, $image_large_size);
table {
@extend .table;