refactor css

This commit is contained in:
taehoon 2019-05-15 22:01:31 -04:00
parent 9adbc2c17f
commit 34ffcb028a

View file

@ -276,38 +276,36 @@
display: flex; display: flex;
font-weight: light; font-weight: light;
font-size: 15px; font-size: 15px;
padding-right: 0.1em;
width: 100%;
}
.user-screen-name-role { .user-screen-name-role {
min-width: 1px; min-width: 1px;
flex: 0 1 auto; flex: 0 1 auto;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.user-screen-name { .user-screen-name {
color: $fallback--lightText; color: $fallback--lightText;
color: var(--lightText, $fallback--lightText); color: var(--lightText, $fallback--lightText);
} }
.dailyAvg { .dailyAvg {
min-width: 1px; min-width: 1px;
flex: 0 0 auto; flex: 0 0 auto;
margin-left: 1em; margin-left: 1em;
font-size: 0.7em; font-size: 0.7em;
color: $fallback--text; color: $fallback--text;
color: var(--text, $fallback--text); color: var(--text, $fallback--text);
} }
// TODO use proper colors // TODO use proper colors
.staff { .staff {
text-transform: capitalize; text-transform: capitalize;
color: $fallback--text; color: $fallback--text;
color: var(--btnText, $fallback--text); color: var(--btnText, $fallback--text);
background-color: $fallback--fg; background-color: $fallback--fg;
background-color: var(--btn, $fallback--fg); background-color: var(--btn, $fallback--fg);
}
} }
.user-meta { .user-meta {