Tabs in a modal - Githubissues

Related to modal issue #25

modal-tabs-preview-1

modal-tabs-preview-2

CSS:

/* Tabs */
padding: 14px 0 0 14px; /* so first tab aligns with labels */
border-bottom: 1px solid $gray300;

/* Tab */
height: 38px;
padding: 0 15px;
font: $regular2;
color: $weworkblack;
background-color: rgba(255,207,113,0.05); /* $weworkyellow @ 5% opacity) */
border: 1px solid $gray300;

border-radius: 2px 2px 0 0; /* first tab */
border-radius: 0; /* middle tab(s) */
border-radius: 0 2px 0 0; /* last tab */

/* Active tab */
background-color: $white;
border-bottom: 1px solid $white;

/* Hover (non-active tab) */
background-color: rgba(0, 0, 0, 0.02);

/* Focus (non-active tab) */
background-color: rgba(0, 0, 0, 0.05);

Spec:

wework / plasma

Tabs in a modal #41