slight cv fix warning tape
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 34s
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 34s
This commit is contained in:
parent
afa690e9ac
commit
d8974ba8f3
1 changed files with 28 additions and 7 deletions
|
|
@ -6,7 +6,14 @@
|
|||
<div class="A4 include-in-print">
|
||||
<SlantedProjectHighlights />
|
||||
|
||||
<div class="warning-tape w-full h-4"></div>
|
||||
<div class="flex flex-col">
|
||||
{#each { length: 16 } as _, i}
|
||||
<div
|
||||
class="warning-tape w-full"
|
||||
style="height: 1px; --offset: {i * 19}px"
|
||||
></div>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
<HexagonSkills />
|
||||
</div>
|
||||
|
|
@ -19,13 +26,27 @@
|
|||
}
|
||||
|
||||
.warning-tape {
|
||||
--color1: #eeeeee;
|
||||
background: repeating-linear-gradient(
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
|
||||
/* Variables */
|
||||
--color-first: #eeeeee;
|
||||
--color-second: #121212;
|
||||
|
||||
background: linear-gradient(
|
||||
-45deg,
|
||||
var(--color1),
|
||||
var(--color1) 20px,
|
||||
#121212 20px,
|
||||
#121212 40px
|
||||
var(--color-first) 25%,
|
||||
var(--color-second) 25%,
|
||||
var(--color-second) 50%,
|
||||
var(--color-first) 50%,
|
||||
var(--color-first) 75%,
|
||||
var(--color-second) 75%,
|
||||
var(--color-second)
|
||||
);
|
||||
|
||||
background-size: 20px 20px;
|
||||
|
||||
/* Apply the offset here */
|
||||
background-position: calc(var(--offset)) 0;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue