daniel/Personal_Website
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve scaling of images in list

Browse Source
This commit is contained in:
Daniel_I_Am 2022-06-19 17:41:46 +02:00
parent e9d56c009c
commit 98859f71ff
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/sass/_list.scss
View File

@ -1,4 +1,4 @@
$list-item-image-size: 32px; $list-item-image-size: 24px;
.list { .list {
.header { .header {
@ -60,8 +60,13 @@ $list-item-image-size: 32px;
} }
.list-item-image { .list-item-image {
max-width: $list-item-image-size; width: $list-item-image-size;
max-height: $list-item-image-size; height: $list-item-image-size;
@media (max-width: $md) {
width: $list-item-image-size * 0.75;
height: $list-item-image-size * 0.75;
}
margin-right: 1rem; margin-right: 1rem;
} }