Big Granny Squares Patterns
A collection page of Yarnspirations
About
/* ========================================= COLLECTION OVERRIDES ========================================= */ .main-collection__title { display: none; } .title-with-icon { display: none !important; } .grid-block__content { min-height: auto !important; } /* ========================================= TITLE ========================================= */ .granny-roundup-title { color: #000000; font-size: 1.188rem; line-height: 1.3; text-align: center; margin: 0 0 14px; } /* ========================================= CATEGORY NAV MOBILE FIRST ========================================= */ .topnav { background-color: #F7F8F1; border-bottom: 1px solid var(--color-gray-light); display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: 2px 0 8px; margin: 0; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-snap-type: x proximity; scroll-behavior: smooth; } /* Hide native scrollbar */ .topnav::-webkit-scrollbar { display: none; } /* ========================================= CATEGORY PILLS ========================================= */ .topnav a { background-color: #ebebeb; border: 1px solid #ccc; border-radius: 999px; color: #303436; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; font-size: 11px; letter-spacing: -0.025em; line-height: 1; margin: 0 !important; padding: 8px 13px; white-space: nowrap; text-decoration: none !important; text-transform: capitalize; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; scroll-snap-align: center; } /* Hover / focus / active */ .topnav a:hover, .topnav a:focus, .topnav a.active { background-color: #2D2B4C; border-color: #2D2B4C; color: #ffffff; } /* View All active state */ .topnav .view-all-active { background-color: #2D2B4C !important; border-color: #2D2B4C !important; color: #ffffff !important; } /* ==============================