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