Huesos
Style
Guide

Repositoire

GitHub

Preview

Mark

Uses color defined on the $colors palette text, key mark.

Example

<p><mark>Really important</mark> and thus, marked text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque maiores, iste ipsa, accusamus rem quae reiciendis quod sit, quasi alias <mark>quisquam!</mark> Impedit quis at et assumenda explicabo porro quasi? Exercitationem!</p>

Assets

  • Filesystem Path: src/components/typography/mark/_mark.scss
  • Size: 122 Bytes 
  • mark {
	background-color: get-color(text, mark);
	color: contrast-color(get-color(text, mark));
	padding: $mark-padding;
}