Fix filter style

This commit is contained in:
2026-05-02 12:58:33 +07:00
parent 2d671a8ce2
commit 2bf1b0f6ef
7 changed files with 19 additions and 15 deletions

View File

@@ -13,7 +13,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe">
<link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head>
<body>
@@ -375,7 +375,7 @@
</div>
</footer>
<script src="../js/main.js?v=f6bd54fe"></script>
<script src="../js/main.js?v=27c05a34"></script>
</body>
</html>

View File

@@ -13,7 +13,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe">
<link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head>
<body>
@@ -193,7 +193,7 @@
</div>
</footer>
<script src="../js/main.js?v=f6bd54fe"></script>
<script src="../js/main.js?v=27c05a34"></script>
</body>
</html>

View File

@@ -27,7 +27,7 @@ body {
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; user-select: none; }
/* ── Background blobs (fixed, full page) ── */
.sfB-bg {
@@ -895,6 +895,11 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
border: 0;
cursor: pointer;
background: transparent;
outline: none;
}
.sfB-pills .filter-pill:focus-visible {
outline: 2px solid var(--sf-coral);
outline-offset: 2px;
}
.sfB-pills .filter-pill.active {
background: linear-gradient(135deg, var(--sf-coral), var(--sf-orange));

View File

@@ -13,7 +13,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe">
<link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head>
<body>
@@ -244,7 +244,7 @@
</div>
</footer>
<script src="../js/main.js?v=f6bd54fe"></script>
<script src="../js/main.js?v=27c05a34"></script>
</body>
</html>

View File

@@ -13,7 +13,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/style.css?v=f6bd54fe">
<link rel="stylesheet" href="css/style.css?v=27c05a34">
</head>
<body>
@@ -273,7 +273,7 @@
</div>
</footer>
<script src="js/main.js?v=f6bd54fe"></script>
<script src="js/main.js?v=27c05a34"></script>
</body>
</html>

View File

@@ -13,7 +13,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe">
<link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head>
<body>
@@ -81,8 +81,7 @@
<div class="info">
Music ratios (e.g. <b>2 Salsa · 2 Bachata · 2 Kizomba</b>) show approximate songs per style per rotation.
Schedules may change — follow <a href="https://www.instagram.com/saborflowdanang/" target="_blank"
rel="noopener">@saborflowdanang</a> for real-time updates. Pop-up parties for <b>Zouk</b> and
<b>Tango</b> are announced there too.
rel="noopener">@saborflowdanang</a> for real-time updates.
</div>
</div>
@@ -120,7 +119,7 @@
</div>
</footer>
<script src="../js/main.js?v=f6bd54fe"></script>
<script src="../js/main.js?v=27c05a34"></script>
<script>
// Dynamic last-update label
(function () {

View File

@@ -13,7 +13,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe">
<link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head>
<body>
@@ -237,7 +237,7 @@
</div>
</footer>
<script src="../js/main.js?v=f6bd54fe"></script>
<script src="../js/main.js?v=27c05a34"></script>
</body>
</html>