open-consul/ui-v2/app/styles/components/anchors.scss
John Cowen a43f523428 ui: Fix CSS related to icons and h2 changes done in different PRs
The way icons are positioned was changed to enable icons for policy
names, and in a separate PR h2's where altered to provide a nicer
looking settings page. Once these PR's where merged together they
slighly effected each other. This commit tweaks the CSS to refine, but
will be revisted at a later date
2019-05-01 19:01:32 +00:00

28 lines
525 B
SCSS

@import './anchors/index';
%main-content a {
color: $gray-900;
}
a[rel*='external'] {
@extend %with-exit;
}
%main-content label a[rel*='help'] {
color: $gray-400;
}
%main-content a[rel*='help']::after {
@extend %with-info-circle-outline-icon, %as-pseudo;
opacity: 0.4;
}
%main-content h2 a[rel*='help']::after {
font-size: 0.65em;
margin-top: 0.2em;
margin-left: 0.2em;
}
[role='tabpanel'] > p:only-child [rel*='help']::after {
content: none;
}
%main-content p a,
%main-content dd a {
@extend %anchor;
}