Colors of the Year Pattern Roundup
A collection page of Yarnspirations
About
.topnav { border-bottom: 1px solid var(--color-gray-light); display: flex; flex-flow: row wrap; justify-content: center; overflow: hidden; } .topnav a { background-color: #ebebeb; border: 1px solid #ccc; border-radius: 3em; box-shadow: 0 1px 0 transparent; color: #303436; display: inline-block; font-size: 12px; letter-spacing: -.025em; line-height: 1; margin-bottom: 1em; padding: .75em 1.5em; text-decoration: none !important; text-transform: capitalize; transition: .2s ease-out; } .topnav a:not(:last-of-type) { margin-right: .5em; } .topnav a:not(:last-of-type):hover, .topnav a:not(:last-of-type):focus, .topnav a:not(:last-of-type).active { background-color: #2D2B4C; border-color: #2D2B4C; box-shadow: 0 3px 0 #031c26; color: #ffffff; } .topnav a:last-of-type { background-color: #ffffff; } .topnav a:last-of-type:hover, .topnav a:last-of-type:focus { border-color: currentColor; color: #2D2B4C; } @media (min-width: 64em) { .topnav a { font-size: 14px; } } .view-all-active{ background-color: #2D2B4C !important; border-color: #2D2B4C !important; box-shadow: 0 3px 0 #031c26 !important; color: #ffffff !important; } Cloud Dancer Rebel Pink Silhouette Grey Transformative Teal View All