more em-sized fonts

This commit is contained in:
Henry Jameson 2022-04-20 23:44:33 +03:00
parent 58a975e8df
commit 7f513fe46f
9 changed files with 22 additions and 22 deletions
src/components
emoji_input
emoji_picker
link-preview
notifications
registration
status
still-image
user_card
user_list_popover

View file

@ -78,7 +78,7 @@
top: 0; top: 0;
right: 0; right: 0;
margin: .2em .25em; margin: .2em .25em;
font-size: 16px; font-size: 1.3em;
cursor: pointer; cursor: pointer;
line-height: 24px; line-height: 24px;

View file

@ -73,12 +73,13 @@
&-item { &-item {
padding: 0 7px; padding: 0 7px;
cursor: pointer; cursor: pointer;
font-size: 24px; font-size: 1.85em;
&.disabled { &.disabled {
opacity: 0.5; opacity: 0.5;
pointer-events: none; pointer-events: none;
} }
&.active { &.active {
border-bottom: 4px solid; border-bottom: 4px solid;
@ -151,9 +152,10 @@
justify-content: left; justify-content: left;
&-title { &-title {
font-size: 12px; font-size: 0.85em;
width: 100%; width: 100%;
margin: 0; margin: 0;
&.disabled { &.disabled {
display: none; display: none;
} }

View file

@ -63,7 +63,7 @@
} }
.card-host { .card-host {
font-size: 12px; font-size: 0.85em;
} }
.card-description { .card-description {

View file

@ -113,13 +113,13 @@
} }
.emoji-reaction-emoji { .emoji-reaction-emoji {
font-size: 16px; font-size: 1.3em;
} }
.notification-details { .notification-details {
min-width: 0px; min-width: 0;
word-wrap: break-word; word-wrap: break-word;
line-height:18px; line-height: 1.4;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
@ -142,7 +142,7 @@
} }
.timeago { .timeago {
margin-right: .2em; margin-right: 0.2em;
} }
.status-content { .status-content {

View file

@ -318,7 +318,7 @@ $validations-cRed: #f04124;
text-align: left; text-align: left;
span { span {
font-size: 12px; font-size: 0.85em;
} }
} }

View file

@ -82,7 +82,6 @@
.status-username { .status-username {
white-space: nowrap; white-space: nowrap;
font-size: 14px;
overflow: hidden; overflow: hidden;
max-width: 85%; max-width: 85%;
font-weight: bold; font-weight: bold;
@ -160,7 +159,7 @@
& .heading-reply-row { & .heading-reply-row {
position: relative; position: relative;
align-content: baseline; align-content: baseline;
font-size: 12px; font-size: 0.85em;
margin-top: 0.2em; margin-top: 0.2em;
line-height: 130%; line-height: 130%;
max-width: 100%; max-width: 100%;
@ -229,7 +228,7 @@
.replies { .replies {
margin-top: 0.25em; margin-top: 0.25em;
line-height: 18px; line-height: 18px;
font-size: 12px; font-size: 0.85em;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -389,14 +388,14 @@
.stat-title { .stat-title {
color: var(--faint, $fallback--faint); color: var(--faint, $fallback--faint);
font-size: 12px; font-size: 0.85em;
text-transform: uppercase; text-transform: uppercase;
position: relative; position: relative;
} }
.stat-number { .stat-number {
font-weight: bolder; font-weight: bolder;
font-size: 16px; font-size: 1.1em;
line-height: 1em; line-height: 1em;
} }

View file

@ -58,10 +58,10 @@
zoom: var(--_still_image-label-scale, 1); zoom: var(--_still_image-label-scale, 1);
content: 'gif'; content: 'gif';
position: absolute; position: absolute;
line-height: 10px; line-height: 1;
font-size: 10px; font-size: 0.7em;
top: 5px; top: 0.5em;
left: 5px; left: 0.5em;
background: rgba(127, 127, 127, 0.5); background: rgba(127, 127, 127, 0.5);
color: #fff; color: #fff;
display: block; display: block;

View file

@ -189,12 +189,12 @@
overflow: hidden; overflow: hidden;
flex: 1 1 auto; flex: 1 1 auto;
margin-right: 1em; margin-right: 1em;
font-size: 15px; font-size: 1.1em;
} }
.bottom-line { .bottom-line {
font-weight: light; font-weight: light;
font-size: 15px; font-size: 1.1em;
align-items: baseline; align-items: baseline;
.lock-icon { .lock-icon {
@ -232,7 +232,6 @@
margin-bottom: .15em; margin-bottom: .15em;
display: flex; display: flex;
align-items: baseline; align-items: baseline;
font-size: 14px;
line-height: 22px; line-height: 22px;
flex-wrap: wrap; flex-wrap: wrap;

View file

@ -73,7 +73,7 @@
} }
.user-list-screen-name { .user-list-screen-name {
font-size: 9px; font-size: 0.65em;
} }
} }
} }