MediaWiki:Common.css/src/template/hp.scss
This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.
Ancestors: / src / template / hp.scss
Siblings: achievement.scss animation.scss archive_header.scss archive-box.scss chance.scss coin.scss color_box.scss crafts.scss diagram.scss doc.scss dotlist.scss dpl3.scss editcopy_notice.scss error.scss etext.scss exclusive_icon_link.scss exclusive_icons.scss expert,master,journey.scss flavor_text.scss float_file_box.scss gameText.scss getDropInfo.scss hardmode.scss hatnote.scss history.scss hp.scss info_request.scss infobox.scss infocard.scss item.scss itemlist.scss key.scss l10n_subtemplate.scss licensebox.scss living_preferences.scss loot.scss mctoc.scss msgbox.scss multi-column_list.scss na.scss navbox.scss project.scss protected.scss quotation.scss recipes.scss reflist.scss shortcut.scss sound.scss spoiler.scss summoned.scss templatedata.scss toc_limit.scss toggleBox.scss transclude.scss translation_projects.scss use_time,knockback.scss yes,no.scss
Children: (none)
/********* [[Template:Hp]] *********/
.hp {
display: inline-block;
vertical-align: middle;
$heart-width: 22px;
$heart-height: 22px;
$gap: 2px;
> div {
margin: -$gap;
max-width: ($heart-width + 2 * $gap) * 10; /* maximum number of hearts in one row: 10 */
> img, > a {
width: $heart-width;
height: $heart-height;
padding: $gap;
}
.text-red {
color: #fe9b9b;
@theme Underground {
/* high contrast */
color: #fe7c7c;
}
@theme Snow {
/* high contrast */
color: #d61616;
}
@theme Jungle {
/* high contrast */
color: #fe8f8f;
}
@theme Hallowed {
/* contrast as high as possible (contrast ratio is only 3:1, but at higher ratios this is basically just white) */
color: #ffb0b0;
}
@theme Crimson {
/* high contrast */
color: #fe9595;
}
// Corruption: same as default
@theme Legacy {
/* high contrast */
color: #e71818;
}
}
.text-golden {
color: #e1ad60;
@theme Underground {
/* high contrast */
color: #db9d40;
}
@theme Snow {
/* high contrast */
color: #946114;
}
@theme Jungle {
/* high contrast */
color: #dea44e;
}
@theme Hallowed {
/* contrast as high as possible (contrast ratio is only 3:1, but at higher ratios this is basically just white) */
color: #e4c15c;
}
@theme Crimson {
/* high contrast */
color: #dfa958;
}
// Corruption: same as default
@theme Legacy {
/* high contrast */
color: #9f6919;
}
}
}
}