open-consul/ui-v2/app/styles/routes/dc/acls/index.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

39 lines
841 B
SCSS

td a.is-management {
@extend %with-star-after;
}
td a.is-management::after {
height: 16px;
top: 2px;
padding-left: 32px;
}
@media #{$--horizontal-tabs} {
.template-policy.template-list main header .actions,
.template-token.template-list main header .actions {
position: relative;
top: 42px;
}
}
@media #{$--lt-wide-form} {
html.template-acl.template-edit main header .actions {
float: none;
display: flex;
justify-content: space-between;
margin-bottom: 1em;
}
html.template-acl.template-edit main header .actions .with-feedback {
position: absolute;
right: 0;
}
html.template-acl.template-edit main header .actions .with-confirmation {
margin-top: 0;
}
}
[name='role[state]'],
[name='role[state]'] + * {
display: none;
}
[name='role[state]']:checked + * {
display: block;
}