From 7530619aef482b244cda70c5af04bee6cc77649d Mon Sep 17 00:00:00 2001 From: sefaria Date: Sat, 2 May 2026 13:20:21 +0200 Subject: [PATCH] Remove styling exclusively for feature branch --- css/style.css | 182 -------------------------------------------------- 1 file changed, 182 deletions(-) diff --git a/css/style.css b/css/style.css index a34d8c3..ff67f51 100644 --- a/css/style.css +++ b/css/style.css @@ -376,188 +376,6 @@ button:visited, .link-button:visited { margin-right: 0.3em; } -/* ======================= - Menu styles - ======================= */ - -.site-header { - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; - padding: 1rem 1.25rem; - border-bottom: 1px solid var(--border); - position: sticky; - top: 0; - background: rgb(255 255 255 / 0.88); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); - z-index: 100; - } - - .logo { - color: inherit; - text-decoration: none; - font-weight: 700; - } - - .desktop-nav ul, - .mobile-menu ul { - list-style: none; - margin: 0; - padding: 0; - } - - .desktop-nav ul { - display: flex; - gap: 1.25rem; - } - - .desktop-nav a, - .mobile-menu a { - color: inherit; - text-decoration: none; - } - - .menu-toggle, - .menu-close { - width: 44px; - height: 44px; - border: 1px solid var(--border); - border-radius: 0.75rem; - background: #fff; - color: inherit; - cursor: pointer; - } - - .menu-toggle { - display: none; - position: relative; - } - - .menu-toggle span { - position: absolute; - left: 50%; - width: 20px; - height: 2px; - background: currentColor; - border-radius: 999px; - transform-origin: center; - transition: transform 0.25s ease, opacity 0.25s ease; - } - - .menu-toggle span:nth-child(1) { - top: 14px; - transform: translateX(-50%); - } - - .menu-toggle span:nth-child(2) { - top: 21px; - transform: translateX(-50%); - } - - .menu-toggle span:nth-child(3) { - top: 28px; - transform: translateX(-50%); - } - - .menu-toggle.is-open span:nth-child(1) { - top: 21px; - transform: translateX(-50%) rotate(45deg); - } - - .menu-toggle.is-open span:nth-child(2) { - opacity: 0; - } - - .menu-toggle.is-open span:nth-child(3) { - top: 21px; - transform: translateX(-50%) rotate(-45deg); - } - - .menu-overlay { - position: fixed; - inset: 0; - background: var(--overlay); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); - opacity: 0; - pointer-events: none; - transition: opacity 0.25s ease; - z-index: 200; - } - - .mobile-menu { - position: fixed; - inset: auto 1rem 1rem 1rem; - width: auto; - max-width: 24rem; - margin-inline: auto; - background: var(--panel); - backdrop-filter: blur(16px); - -webkit-backdrop-filter: blur(16px); - border: 1px solid rgb(255 255 255 / 0.45); - border-radius: 1rem; - box-shadow: 0 20px 50px rgb(0 0 0 / 0.16); - padding: 1rem; - opacity: 0; - transform: translateY(1rem) scale(0.98); - pointer-events: none; - transition: opacity 0.25s ease, transform 0.25s ease; - z-index: 300; - } - - .mobile-menu__header { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 1rem; - } - - .mobile-menu ul { - display: grid; - gap: 0.5rem; - } - - .mobile-menu a { - display: block; - padding: 0.95rem 1rem; - border-radius: 0.75rem; - background: rgb(255 255 255 / 0.56); - } - - .page-content { - padding: 3rem 1.25rem; - } - - .menu-open .menu-overlay { - opacity: 1; - pointer-events: auto; - } - - .menu-open .mobile-menu { - opacity: 1; - transform: translateY(0) scale(1); - pointer-events: auto; - } - - @media (max-width: 767px) { - .desktop-nav { - display: none; - } - - .menu-toggle { - display: inline-block; - } - } - - @media (min-width: 768px) { - .menu-overlay, - .mobile-menu { - display: none; - } - } - /* ======================= Layout styles ======================= */