kui-shell
Version:
This is the monorepo for Kui, the hybrid command-line/GUI electron-based Kubernetes tool
114 lines (104 loc) • 2.96 kB
CSS
body {
--transition-duration: 70ms;
--transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}
body span,
body div:empty,
body input,
body textarea,
body svg *,
body a {
transition-property: color, background-color, border-color, opacity, filter, text-decoration-color, fill;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
body div:not(:empty),
repl,
sidecar,
body th,
body td {
transition-property: background-color, border-color, opacity, filter;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
sidecar .bx--tabs,
sidecar .bx--tabs .bx--tabs__nav,
sidecar .bx--tabs .bx--tabs__nav li {
width: unset;
min-height: unset;
position: unset;
}
sidecar a.bx--tabs__nav-link,
sidecar a.bx--tabs__nav-link:active {
outline: none;
width: unset;
min-width: 8em;
}
li.bx--tabs__nav-item.sidecar-bottom-stripe-button,
li.bx--tabs__nav-item.sidecar-bottom-stripe-button a {
flex: 1;
}
body[kui-theme-style] sidecar .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {
color: var(--color-text-01);
border-color: var(--color-brand-03);
opacity: 1;
}
body.subwindow[kui-theme-style] sidecar .bx--tabs__nav-item .bx--tabs__nav-link {
font-size: 1.125vw;
line-height: unset;
height: unset;
}
a.bx--tabs__nav-link:focus,
a.bx--tabs__nav-link:active {
width: 100%;
padding: 0.5rem 1rem;
}
a.bx--tabs__nav-link:focus,
a.bx--tabs__nav-link:active {
outline-color: var(--color-brand-01);
}
/* mimic bx--tabs__navlink:focus */
.kui-tab.left-tab-stripe-button:focus,
a.kui--tab-navigatable:focus {
outline: 2px solid var(--color-brand-03);
outline-offset: -2px;
}
a.kui-new-tab__plus:focus,
a.kui-new-tab__plus:active,
sidecar a.graphical-icon:focus,
sidecar a.graphical-icon:active,
.sidecar-bottom-stripe-toolbar a.kui--tab-navigatable:focus,
.sidecar-bottom-stripe-toolbar a.kui--tab-navigatable:active {
outline: 2px solid var(--color-brand-03);
outline-offset: -2px;
}
body[kui-theme-style] .bx--link {
font-weight: 600;
color: var(--color-brand-01);
/* text-decoration: underline; */
transition-duration: 250ms;
pointer-events: unset;
touch-action: unset;
}
body[kui-theme-style] .bx--link:not([href]),
body[kui-theme-style] .bx--link:visited {
color: var(--color-brand-01);
}
body[kui-theme-style] .bx--link:hover {
color: var(--color-hover-primary-text);
}
.repl-block.processing .repl-prompt-right-element-status-icon .kui--icon-processing svg circle.bx--loading__stroke-kui {
stroke: var(--color-base0C);
stroke-dashoffset: 30;
}
body[kui-theme-style] .bx--structured-list-th,
body[kui-theme-style] .bx--structured-list-td {
color: inherit;
}
/* breadcrumbs */
body[kui-theme-style] .bx--breadcrumb-item .bx--link {
font-size: inherit;
}
body[kui-theme-style] .bx--breadcrumb-item::after {
color: inherit;
}