UX: Replacing some PX font definitions with EM based units

This commit is contained in:
Kris 2017-12-08 17:09:50 -05:00
parent d568402102
commit edd7cb4f0d
6 changed files with 13 additions and 13 deletions

View File

@ -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 {

View File

@ -174,7 +174,7 @@
} }
td.stats { td.stats {
.unit { .unit {
font-size: 11px; font-size: .8em;
} }
} }

View File

@ -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;
} }

View File

@ -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;

View File

@ -49,7 +49,7 @@
h3 { h3 {
font-weight: normal; font-weight: normal;
font-size: 15px; font-size: 1.071em;
} }
} }
} }

View File

@ -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;
} }