feat: refactor image loading
This commit is contained in:
parent
22fd3850ef
commit
93fb7eafeb
30 changed files with 3408 additions and 4023 deletions
|
@ -28,7 +28,7 @@
|
|||
& .item-wrapper {
|
||||
position: relative;
|
||||
|
||||
&.shadow picture::after {
|
||||
&.shadow image::after {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
content: '';
|
||||
|
@ -39,7 +39,7 @@
|
|||
height: calc(100% - 1px);
|
||||
}
|
||||
|
||||
& picture {
|
||||
& image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
|
|
@ -15,8 +15,7 @@
|
|||
border: 1px solid var(--accent-color);
|
||||
}
|
||||
|
||||
& img,
|
||||
& picture {
|
||||
& img {
|
||||
width: calc(var(--sizing-3xl) * 1.5);
|
||||
height: calc(var(--sizing-3xl) * 1.5);
|
||||
}
|
||||
|
@ -117,12 +116,9 @@
|
|||
&.grid {
|
||||
grid-template-columns: repeat(3,minmax(0,1fr));
|
||||
|
||||
& .item {
|
||||
& img,
|
||||
& picture {
|
||||
width: calc(var(--sizing-3xl) * 2);
|
||||
height: calc(var(--sizing-3xl) * 2);
|
||||
}
|
||||
& .item img {
|
||||
width: calc(var(--sizing-3xl) * 2);
|
||||
height: calc(var(--sizing-3xl) * 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue