sendou.ink/app/styles/plus-history.css
2025-12-25 17:37:34 +01:00

76 lines
1.5 KiB
CSS

.plus-history__own-scores {
padding: var(--s-2);
border-radius: var(--rounded);
margin: 0 auto;
background-color: var(--color-bg-high);
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(--color-success);
}
.plus-history__fail {
color: var(--color-error);
}
.plus-history__tier-header {
display: flex;
flex-direction: row;
color: var(--color-accent);
}
.plus-history__tier-header::before,
.plus-history__tier-header::after {
flex: 1 1;
border-bottom: 3px solid var(--color-accent-low);
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(--color-text-high);
font-size: var(--fonts-xs);
}
.plus-history__user-status {
border-radius: var(--rounded);
background-color: var(--color-accent);
color: var(--color-text-inverse);
font-size: var(--fonts-xs);
font-weight: var(--semi-bold);
padding-inline: var(--s-1-5);
}
.plus-history__user-status.failed {
background-color: var(--color-error);
color: var(--color-text);
}
.plus-history__suggestion-s {
border-radius: 50%;
background-color: var(--color-bg);
color: var(--color-text);
font-weight: var(--bold);
margin-inline-end: var(--s-1);
padding-inline: var(--s-1);
}