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

View File

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

View File

@ -10,7 +10,7 @@
.account-created {
.ac-message {
font-size: 16px;
font-size: 1.143em;
line-height: 24px;
}

View File

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

View File

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

View File

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