open-consul/ui-v2/app/styles/base/components/tabs/skin.scss
John Cowen 1b5658d5ac ui: Use base fonts throughout the app (#6881)
We've had a set of %placeholders in our base styles for quite a while
but not butten the bullet to use them. This begins to use them.

We had to make a small amount of tweaks to base whilst doing this, but
its as we'd prefer there to be as few font placeholders as possible. We
might/should be able to reduce these further at somepoint, or
potentially rename them. We currently have six header fonts (or 4 header
fonts/2 strong body fonts) and 3 body fonts.

We also noticed an empty CSS file and deleted that while we were here.
We also noticed that the bottom border of structure tabs was a pixel
larger than ours so we tweaked that here also.
2019-12-18 12:26:45 +00:00

34 lines
651 B
SCSS

%tab-nav {
/* %frame-gray-something */
border-bottom: $decor-border-100;
/* TODO: structure tabs don't actually have a top border */
border-top: $decor-border-200;
}
%tab-nav {
/* %frame-gray-something */
border-color: $gray-200;
}
%tab-nav ul {
list-style-type: none;
}
%tab-nav label {
cursor: pointer;
}
%tab-button {
white-space: nowrap;
text-decoration: none;
}
%tab-button {
border-bottom: $decor-border-300;
}
%tab-button {
border-color: $color-transparent;
color: $gray-500;
}
%tab-button-intent,
%tab-button-active {
/* %frame-gray-something */
border-color: $color-transparent;
background-color: $gray-100;
}