sendou.ink/app/styles/plus-history.css
Kalle fd48bced91
Migrate Prettier/Eslint/Stylelint setup to Biome (#1772)
* Initial

* CSS lint

* Test CI

* Add 1v1, 2v2, and 3v3 Tags (#1771)

* Initial

* CSS lint

* Test CI

* Rename step

---------

Co-authored-by: xi <104683822+ximk@users.noreply.github.com>
2024-06-24 13:07:17 +03:00

76 lines
1.4 KiB
CSS

.plus-history__own-scores {
padding: var(--s-2);
border-radius: var(--rounded);
margin: 0 auto;
background-color: var(--bg-lighter);
font-size: var(--fonts-sm);
font-weight: var(--semi-bold);
list-style-type: none;
padding-inline: var(--s-4);
text-align: center;
}
.plus-history__success {
color: var(--theme-success);
}
.plus-history__fail {
color: var(--theme-error);
}
.plus-history__tier-header {
display: flex;
flex-direction: row;
color: var(--theme);
}
.plus-history__tier-header::before,
.plus-history__tier-header::after {
flex: 1 1;
border-bottom: 3px solid var(--theme-transparent);
margin: auto;
content: "";
}
.plus-history__tier-header::before {
margin-right: 10px;
}
.plus-history__tier-header::after {
margin-left: 10px;
}
.plus-history__passed-info-container {
display: flex;
flex-wrap: wrap;
gap: var(--s-2);
}
.plus-history__passed-header {
color: var(--text-lighter);
font-size: var(--fonts-xs);
}
.plus-history__user-status {
border-radius: var(--rounded);
background-color: var(--theme);
color: var(--button-text);
font-size: var(--fonts-xs);
font-weight: var(--semi-bold);
padding-inline: var(--s-1-5);
}
.plus-history__user-status.failed {
background-color: var(--theme-error-transparent);
color: var(--text);
}
.plus-history__suggestion-s {
border-radius: 50%;
background-color: var(--bg);
color: var(--text);
font-weight: var(--bold);
margin-inline-end: var(--s-1);
padding-inline: var(--s-1);
}