fix: 资源重复3

This commit is contained in:
bietiaop 2024-07-13 09:39:03 +08:00
parent 162f88e7cd
commit 35c8c95b80
8 changed files with 104 additions and 199 deletions

View file

@ -9,60 +9,6 @@
min-height: 30em;
overflow: hidden;
padding: 5em 2.2em 2.2em 2.2em;
> .title {
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: stretch;
padding: 0 0.4em;
position: relative;
margin: 0.5em 0;
.parallelograms {
$pwidth: 0.7em;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
position: inherit;
padding-bottom: 0.4em;
z-index: 1;
span {
width: 1.3em;
height: 80%;
background-color: rgb(246, 202, 69);
margin-right: -0.2em;
-webkit-clip-path: polygon(
$pwidth 0%,
100% 0%,
calc(100% - $pwidth) 100%,
0% 100%
);
clip-path: polygon(
$pwidth 0%,
100% 0%,
calc(100% - $pwidth) 100%,
0% 100%
);
}
}
.bg-content {
position: absolute;
bottom: -0.1em;
left: 50%;
transform: translate(-50%, 0) skewX(-8deg);
color: rgba(255, 255, 255, 0.1);
font-size: 2.7em;
}
.content {
flex-grow: 1;
flex-shrink: 1;
font-size: 1.5em;
text-align: center;
position: inherit;
z-index: 1;
}
}
.battery {
display: flex;
align-items: center;