@freshworks/crayons
Version:
Crayons Web Components library
51 lines (49 loc) • 1.1 kB
CSS
/* Need to check with designer */
/* Need to check with designer */
:host {
font-family: var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
}
.tab {
display: inline-flex;
white-space: nowrap;
cursor: pointer;
align-items: center;
padding: 10px 8px;
line-height: 20px;
color: #475867;
font-size: 14px;
font-weight: 400;
margin: 0 4px;
/* stylelint-disable */
}
.tab:hover:not(.disabled) {
padding-bottom: 8px;
border-bottom: 2px solid #92a2b1;
}
.tab.active:not(.disabled) {
padding-bottom: 8px;
border-bottom: 2px solid #2c5cc5;
color: #2c5cc5;
font-weight: 600;
}
.tab.disabled {
cursor: not-allowed;
color: #92a2b1;
}
.tab:focus {
outline: none;
border-bottom: none;
box-shadow: none;
}
.tab:focus::after {
outline: none;
border-radius: 2px;
box-shadow: inset 0 0 0 2px #2c5cc5;
}
::slotted(a) {
text-decoration: none;
color: #475867;
}