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 <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" 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"> rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe"> <link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head> </head>
<body> <body>
@@ -375,7 +375,7 @@
</div> </div>
</footer> </footer>
<script src="../js/main.js?v=f6bd54fe"></script> <script src="../js/main.js?v=27c05a34"></script>
</body> </body>
</html> </html>

View File

@@ -13,7 +13,7 @@
<link <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" 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"> rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe"> <link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head> </head>
<body> <body>
@@ -193,7 +193,7 @@
</div> </div>
</footer> </footer>
<script src="../js/main.js?v=f6bd54fe"></script> <script src="../js/main.js?v=27c05a34"></script>
</body> </body>
</html> </html>

View File

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

View File

@@ -13,7 +13,7 @@
<link <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" 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"> rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe"> <link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head> </head>
<body> <body>
@@ -244,7 +244,7 @@
</div> </div>
</footer> </footer>
<script src="../js/main.js?v=f6bd54fe"></script> <script src="../js/main.js?v=27c05a34"></script>
</body> </body>
</html> </html>

View File

@@ -13,7 +13,7 @@
<link <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" 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"> rel="stylesheet">
<link rel="stylesheet" href="css/style.css?v=f6bd54fe"> <link rel="stylesheet" href="css/style.css?v=27c05a34">
</head> </head>
<body> <body>
@@ -273,7 +273,7 @@
</div> </div>
</footer> </footer>
<script src="js/main.js?v=f6bd54fe"></script> <script src="js/main.js?v=27c05a34"></script>
</body> </body>
</html> </html>

View File

@@ -13,7 +13,7 @@
<link <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" 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"> rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe"> <link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head> </head>
<body> <body>
@@ -81,8 +81,7 @@
<div class="info"> <div class="info">
Music ratios (e.g. <b>2 Salsa · 2 Bachata · 2 Kizomba</b>) show approximate songs per style per rotation. 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" 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 rel="noopener">@saborflowdanang</a> for real-time updates.
<b>Tango</b> are announced there too.
</div> </div>
</div> </div>
@@ -120,7 +119,7 @@
</div> </div>
</footer> </footer>
<script src="../js/main.js?v=f6bd54fe"></script> <script src="../js/main.js?v=27c05a34"></script>
<script> <script>
// Dynamic last-update label // Dynamic last-update label
(function () { (function () {

View File

@@ -13,7 +13,7 @@
<link <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" 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"> rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=f6bd54fe"> <link rel="stylesheet" href="../css/style.css?v=27c05a34">
</head> </head>
<body> <body>
@@ -237,7 +237,7 @@
</div> </div>
</footer> </footer>
<script src="../js/main.js?v=f6bd54fe"></script> <script src="../js/main.js?v=27c05a34"></script>
</body> </body>
</html> </html>