UX: Replacing some PX font definitions with EM based units
This commit is contained in:
parent
d568402102
commit
edd7cb4f0d
|
@ -278,7 +278,7 @@ $mobile-breakpoint: 700px;
|
|||
.controls .menu-toggle {
|
||||
display: none;
|
||||
float: left;
|
||||
font-size: 24px;
|
||||
font-size: 1.7em;
|
||||
padding: 3px 6px;
|
||||
margin-right: 32px;
|
||||
border: 1px solid lighten($primary, 40%);
|
||||
|
@ -529,7 +529,7 @@ $mobile-breakpoint: 700px;
|
|||
|
||||
.desc, .validation-error {
|
||||
padding-top: 3px;
|
||||
font-size: 80%;
|
||||
font-size: .8em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
|
@ -677,7 +677,7 @@ section.details {
|
|||
|
||||
.list-badge {
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
font-size: .8em;
|
||||
font-weight: normal;
|
||||
padding: 0 6px;
|
||||
color: $secondary;
|
||||
|
@ -1613,7 +1613,7 @@ table#user-badges {
|
|||
}
|
||||
.reply-key {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-size: .857em;
|
||||
color: dark-light-choose($primary-medium, $secondary-high);
|
||||
}
|
||||
.username div {
|
||||
|
@ -1643,7 +1643,7 @@ table#user-badges {
|
|||
}
|
||||
.error-description {
|
||||
color: #919191;
|
||||
font-size: 90%;
|
||||
font-size: .857em;
|
||||
}
|
||||
hr {
|
||||
margin: 0;
|
||||
|
@ -1802,7 +1802,7 @@ table#user-badges {
|
|||
float: right;
|
||||
text-align: right;
|
||||
.instructions {
|
||||
font-size: 12px;
|
||||
font-size: .857em;
|
||||
}
|
||||
}
|
||||
.watched-words-detail {
|
||||
|
|
|
@ -174,7 +174,7 @@
|
|||
}
|
||||
td.stats {
|
||||
.unit {
|
||||
font-size: 11px;
|
||||
font-size: .8em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
.account-created {
|
||||
.ac-message {
|
||||
font-size: 16px;
|
||||
font-size: 1.143em;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
|
|
|
@ -300,7 +300,7 @@
|
|||
color: $primary;
|
||||
}
|
||||
span.name {
|
||||
font-size: 11px;
|
||||
font-size: .8em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&.selected {
|
||||
|
@ -326,7 +326,7 @@ div.ac-wrap.disabled {
|
|||
|
||||
div.ac-wrap div.item a.remove, .remove-link {
|
||||
margin-left: 4px;
|
||||
font-size: 11px;
|
||||
font-size: .8em;
|
||||
line-height: 10px;
|
||||
padding: 1.5px 1.5px 1.5px 2.5px;
|
||||
border-radius: 12px;
|
||||
|
|
|
@ -49,7 +49,7 @@
|
|||
|
||||
h3 {
|
||||
font-weight: normal;
|
||||
font-size: 15px;
|
||||
font-size: 1.071em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -142,7 +142,7 @@ img.emoji {
|
|||
|
||||
.emoji-picker .diversity-picker .d-icon {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-size: 1em;
|
||||
text-shadow: 0.5px 1.5px 0 rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
|
@ -198,7 +198,7 @@ img.emoji {
|
|||
|
||||
.emoji-picker .filter .d-icon-search {
|
||||
color: dark-light-choose($header_primary-medium, $header_primary);
|
||||
font-size: 16px;
|
||||
font-size: 1.143em;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue