more em-sized fonts
This commit is contained in:
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
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -63,7 +63,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-host {
|
.card-host {
|
||||||
font-size: 12px;
|
font-size: 0.85em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-description {
|
.card-description {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -318,7 +318,7 @@ $validations-cRed: #f04124;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-size: 12px;
|
font-size: 0.85em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -73,7 +73,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-list-screen-name {
|
.user-list-screen-name {
|
||||||
font-size: 9px;
|
font-size: 0.65em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue