16 lines
1 KiB
HTML
16 lines
1 KiB
HTML
<!doctype html><html><head><meta charset="utf-8">
|
|
<link rel="stylesheet" href="../colors_and_type.css">
|
|
<style>
|
|
body{margin:0}
|
|
.wrap{background:var(--ground-dark);padding:30px;box-sizing:border-box;font-family:var(--font-body);display:flex;gap:56px;align-items:center;justify-content:center}
|
|
.opt{display:flex;flex-direction:column;align-items:center;gap:14px}
|
|
.opt img{display:block;filter:invert(70%) sepia(18%) saturate(320%) brightness(95%)}
|
|
.lab{font-family:var(--font-mono);font-size:10px;color:var(--fg-on-dark-2);letter-spacing:.06em}
|
|
</style></head><body>
|
|
<div class="wrap">
|
|
<div class="opt"><img src="../assets/accent-ringdots.svg" height="22"><span class="lab">ring-dots</span></div>
|
|
<div class="opt"><img src="../assets/accent-pipes.svg" height="28"><span class="lab">pipes</span></div>
|
|
<div class="opt"><img src="../assets/accent-dots.svg" height="14"><span class="lab">dots</span></div>
|
|
<div class="opt"><img src="../assets/accent-concentric.svg" height="40"><span class="lab">concentric</span></div>
|
|
</div>
|
|
</body></html>
|