More actions
No edit summary |
(border radii) |
||
| Line 13: | Line 13: | ||
.goalprogress__container { | .goalprogress__container { | ||
background-color: var(--color-surface-3); | background-color: var(--color-surface-3); | ||
border-radius: var(--border-radius--medium); | border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0; | ||
font-size: 0.8125rem; | font-size: 0.8125rem; | ||
text-align: center; | text-align: center; | ||
| Line 24: | Line 24: | ||
border-right: 2px solid var(--color-primary); | border-right: 2px solid var(--color-primary); | ||
background-color: var(--background-color-primary--active); | background-color: var(--background-color-primary--active); | ||
border-top-left-radius: var(--border-radius--medium); | border-top-left-radius: var(--border-radius--medium); | ||
} | } | ||
Revision as of 02:03, 8 February 2023
a.external.text::after {
display: none;
}
.goalprogress__percentage {
position: absolute;
top: 0.35rem;
left: 50%;
transform: translate(-50%, 0);
border-radius: 100px;
padding: 0 5px 0 5px;
background: var(--color-surface-2);
}
.goalprogress__container {
background-color: var(--color-surface-3);
border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0;
font-size: 0.8125rem;
text-align: center;
position: relative;
border: 1px solid var(--border-color-base);
height: 2rem;
}
.goalprogress__bar {
height: 100%;
border-right: 2px solid var(--color-primary);
background-color: var(--background-color-primary--active);
border-top-left-radius: var(--border-radius--medium);
}
.goalinformation {
display: flex;
align-items: center;
justify-content: space-between;
}
.goallastUpdated {
color: var(--color-base--subtle);
}