diff --git a/src/patterns/01-core/elements/_inline-elements.scss b/src/patterns/01-core/elements/_inline-elements.scss index 9dc7600dd6a4587039eda7b56cbdb0e3182081f1..c28ae3ef3785d4460d2875983cc8e1965e53b4ff 100644 --- a/src/patterns/01-core/elements/_inline-elements.scss +++ b/src/patterns/01-core/elements/_inline-elements.scss @@ -114,7 +114,6 @@ } :where(mark) { - background: var(--uw-gold-2); color: var(--uw-black); padding: var(--size-xs) var(--size-05); /* Ensure the padding shows when there are line breaks. */ @@ -122,6 +121,28 @@ box-decoration-break: clone; } +@each $faculty, $colour in $faculties_colours { + .#{$faculty} { + @if $faculty == org-default or $faculty == org-art or $faculty == org-sci { + :where(mark) { + background: var(--#{$colour}-2); + } + } @else if $faculty == org-stj or $faculty == org-ren { + :where(mark) { + background: var(--#{$colour}-light); + } + } @else if $faculty == org-stp { + :where(mark) { + // For accessible AAA, fraction light than -light. + background: #65b4dc; + } + } @else { + :where(mark) { + background: var(--#{$colour}-1); + } + } + } +} :where(samp) { font-family: var(--font-mono); }