34 lines
533 B
SCSS
34 lines
533 B
SCSS
|
h3 {
|
||
|
|
margin-block-end: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.qr {
|
||
|
|
img { width: 100% }
|
||
|
|
p { text-align: center; }
|
||
|
|
|
||
|
|
&.blocks {
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
overflow-x: auto;
|
||
|
|
width: calc(100vw - 1rem);
|
||
|
|
max-width: 45rem;
|
||
|
|
scroll: {
|
||
|
|
behavior: smooth;
|
||
|
|
snap-type: x mandatory;
|
||
|
|
}
|
||
|
|
|
||
|
|
&::-webkit-scrollbar { display: none; }
|
||
|
|
|
||
|
|
&:hover .block.qr:not(:hover) {
|
||
|
|
filter: blur(5px);
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.block {
|
||
|
|
flex: 0 0 calc(100vw - 2rem);
|
||
|
|
scroll-snap-align: start;
|
||
|
|
max-width: 13.666rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|