25 lines
559 B
SCSS
25 lines
559 B
SCSS
// Highlight mark
|
|
//
|
|
// The "new" or "updated" marker. This is a very thin component. A front-end
|
|
// developer may choose to delete this component and just style the `<mark>`
|
|
// element directly.
|
|
//
|
|
// Markup: highlight-mark.twig
|
|
//
|
|
// Style guide: components.highlight-mark
|
|
|
|
.highlight-mark,
|
|
%highlight-mark {
|
|
color: color(mark-highlight);
|
|
// Remove background highlighting from <mark> in normalize.
|
|
background-color: transparent;
|
|
}
|
|
|
|
//
|
|
// Drupal selectors. (In case a module doesn't use theme_mark().)
|
|
//
|
|
|
|
.new,
|
|
.update {
|
|
@extend %highlight-mark;
|
|
}
|