Skip to content
Snippets Groups Projects

3374467-responsive-tabs/Philip: Building out new Tabs component

Merged Philip Stier requested to merge issue/prototype-3374467:3374467-responsive-tabs into 5.x
Files
17
//
// @file
// Tabs Container Styles
// Menu Tabs Container Styles
//
@use 'partials' as *;
.c-tabs {
@include list--no-bullets;
display: flex;
margin: 1rem;
padding: 0;
border-bottom: 1px solid var(--prototype-color-light); // Give the tabs something to sit on
.c-menu-tabs {
> ul {
@include list--no-bullets;
display: flex;
margin: 1rem;
padding: 0;
border-bottom: 1px solid var(--prototype-color-light); // Give the tabs something to sit on
}
// c-tabs item
.tabs__item {
.c-menu-tabs__item {
display: block;
list-style: none;
margin-bottom: -1px; // Make the list-items overlay the bottom border
Loading