discourse/app/assets/stylesheets/mobile/directory.scss
Jarek Radosz ea326906e3
DEV: Use css var font sizes (#18518)
For consistency and and the ability to change all font sizes at once in the dev tools
2022-10-12 15:31:59 +02:00

59 lines
969 B
SCSS

.directory {
.period-chooser .period-chooser-header h2.selected-name {
font-size: var(--font-up-1);
}
&.users-directory {
.filter-name {
width: 100%;
}
.directory-last-updated {
margin-bottom: 1em;
}
}
.directory-controls {
display: block;
}
.total-rows {
color: var(--primary-medium);
padding: 5px;
}
.user {
border-top: 1px solid var(--primary-low);
padding: 1em;
display: flex;
flex-wrap: wrap;
.user-info {
width: 100%;
margin-bottom: 1em;
}
.user-stat {
flex: 1 1 50%;
.value {
font-weight: bold;
&.user-field {
font-size: var(--font-down-1);
}
}
.label {
margin-left: 0.2em;
color: var(--primary-medium);
}
.d-icon-heart {
color: var(--love);
}
}
}
}
.edit-user-directory-columns-modal .modal-inner-container {
width: 90%;
min-width: unset;
}