Skip to content
Snippets Groups Projects
Verified Commit 6812034c authored by Vanessa Otto's avatar Vanessa Otto :baby: Committed by Mark Florian
Browse files

feat(Bootstrap): Update link color and link hover color

And move the styles from Boostrap's _reboot file to GitLab UI's
typography SCSS file.
parent 5db1e111
No related branches found
No related tags found
Loading
......@@ -3,6 +3,19 @@ h1, h2, h3, h4, h5, h6,
@apply gl-text-heading;
}
a {
@apply gl-text-link gl-no-underline hover:gl-text-link hover:gl-underline;
}
// Copied from https://gitlab.com/gitlab-org/gitlab-ui/-/blob/5db1e111501c9e252a388a780e2789dce11dedf4/src/vendor/bootstrap/scss/_reboot.scss#L194.
// And undo these styles for placeholder links/named anchors (without href).
// It would be more straightforward to just use a[href] in previous block, but that
// causes specificity issues in many other styles that are too complex to fix.
// See https://github.com/twbs/bootstrap/issues/19402
a:not([href]):not([class]) {
@apply gl-text-inherit gl-no-underline hover:gl-text-inherit hover:gl-no-underline;
}
caption {
@apply gl-text-subtle;
}
\ No newline at end of file
}
......@@ -176,37 +176,6 @@ sub { bottom: -.25em; }
sup { top: -.5em; }
//
// Links
//
a {
color: $link-color;
text-decoration: $link-decoration;
background-color: transparent; // Remove the gray background on active links in IE 10.
@include hover() {
color: $link-hover-color;
text-decoration: $link-hover-decoration;
}
}
// And undo these styles for placeholder links/named anchors (without href).
// It would be more straightforward to just use a[href] in previous block, but that
// causes specificity issues in many other styles that are too complex to fix.
// See https://github.com/twbs/bootstrap/issues/19402
a:not([href]):not([class]) {
color: inherit;
text-decoration: none;
@include hover() {
color: inherit;
text-decoration: none;
}
}
//
// Code
//
......
tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-nav-default-1-snap.png

15.8 KiB | W: 800px | H: 600px

tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-nav-default-1-snap.png

16.1 KiB | W: 800px | H: 600px

tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-nav-default-1-snap.png
tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-nav-default-1-snap.png
tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-nav-default-1-snap.png
tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-nav-default-1-snap.png
  • 2-up
  • Swipe
  • Onion skin
tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png

48.9 KiB | W: 800px | H: 600px

tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png

48.9 KiB | W: 800px | H: 600px

tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png
tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png
tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png
tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png
  • 2-up
  • Swipe
  • Onion skin
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment