Restruct code
This commit is contained in:
@@ -4,6 +4,7 @@
|
||||
<title>Sweet Bread</title>
|
||||
|
||||
<link rel="stylesheet" href="/static/style/main.css">
|
||||
<link rel="stylesheet" href="/static/style/risdeveau.css">
|
||||
<link rel="icon" type="image/webp" href="/static/icon/us/risdeveau.webp" />
|
||||
<script
|
||||
src="https://track.codrs.ru/api/script.js"
|
||||
@@ -11,50 +12,6 @@
|
||||
defer
|
||||
></script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<style>
|
||||
h3 {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
.qr img {
|
||||
width: 100%;
|
||||
}
|
||||
.qr p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blocks.qr {
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
width: calc(100vw - 1rem);
|
||||
max-width: 45rem;
|
||||
scroll-behavior: smooth;
|
||||
scroll-snap-type: x mandatory;
|
||||
}
|
||||
.blocks.qr::-webkit-scrollbar { display: none; }
|
||||
|
||||
.block.qr {
|
||||
flex: 0 0 calc(100vw - 2rem);
|
||||
scroll-snap-align: start;
|
||||
max-width: 13.666rem;
|
||||
}
|
||||
|
||||
.badges .block {
|
||||
flex: 1;
|
||||
text-wrap-mode: nowrap;
|
||||
text-align: -webkit-center;
|
||||
}
|
||||
.badges .block:hover {
|
||||
flex: 1.5;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.blocks.qr:hover .block.qr:not(:hover) {
|
||||
filter: blur(5px);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
Reference in New Issue
Block a user