UX: Reducing number of overall font sizes
This commit is contained in:
parent
21e1b05c7e
commit
4bf558f941
|
@ -35,10 +35,10 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
.value {
|
.value {
|
||||||
font-size: 1.2em;
|
font-size: 1.143em;
|
||||||
}
|
}
|
||||||
.unit {
|
.unit {
|
||||||
font-size: .8em;
|
font-size: .857em;
|
||||||
}
|
}
|
||||||
.badge-notification {
|
.badge-notification {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -69,7 +69,7 @@
|
||||||
|
|
||||||
a.last-posted-at,
|
a.last-posted-at,
|
||||||
a.last-posted-at:visited {
|
a.last-posted-at:visited {
|
||||||
font-size: 0.86em;
|
font-size: 0.857em;
|
||||||
color: dark-light-choose($primary-medium, $secondary-high);
|
color: dark-light-choose($primary-medium, $secondary-high);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -98,7 +98,7 @@
|
||||||
.category {
|
.category {
|
||||||
border-left: 6px solid;
|
border-left: 6px solid;
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.2em;
|
font-size: 1.286em;
|
||||||
a[href] {
|
a[href] {
|
||||||
color: $primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
|
@ -137,7 +137,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.discourse-tag {
|
.discourse-tag {
|
||||||
font-size: 0.75em;
|
font-size: 0.786em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-featured-link {
|
.topic-featured-link {
|
||||||
|
|
|
@ -100,10 +100,10 @@
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
color: $primary;
|
color: $primary;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
font-size: 1.071em;
|
font-size: 1.143em;
|
||||||
&:before {
|
&:before {
|
||||||
content: 'esc';
|
content: 'esc';
|
||||||
font-size: 0.85em;
|
font-size: 0.857em;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -93,7 +93,7 @@
|
||||||
|
|
||||||
.custom-message-length {
|
.custom-message-length {
|
||||||
color: dark-light-choose($primary-low-mid, $secondary-high);
|
color: dark-light-choose($primary-low-mid, $secondary-high);
|
||||||
font-size: 85%;
|
font-size: .857em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flag-message {
|
.flag-message {
|
||||||
|
|
|
@ -65,7 +65,6 @@
|
||||||
}
|
}
|
||||||
button.bulk-select {
|
button.bulk-select {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 1.05em;
|
|
||||||
margin-right: 0.3em;
|
margin-right: 0.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -142,7 +141,6 @@
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
font-size: 0.917em;
|
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
@ -173,7 +171,6 @@
|
||||||
.topic-list.categories {
|
.topic-list.categories {
|
||||||
a.title {
|
a.title {
|
||||||
color: $tertiary;
|
color: $tertiary;
|
||||||
font-size: 0.929em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
th.posts {
|
th.posts {
|
||||||
|
@ -225,10 +222,10 @@
|
||||||
}
|
}
|
||||||
a.last-posted-at, a.last-posted-at:visited {
|
a.last-posted-at, a.last-posted-at:visited {
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
font-size: 0.88em;
|
font-size: 0.857em;
|
||||||
}
|
}
|
||||||
.badge {
|
.badge {
|
||||||
font-size: 0.714em;
|
font-size: 0.857em;
|
||||||
top: -1px;
|
top: -1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -291,7 +288,7 @@ button.dismiss-read {
|
||||||
clear: both;
|
clear: both;
|
||||||
p {
|
p {
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-size: 1.5em;
|
font-size: 1.429em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -338,10 +335,10 @@ and (max-width : 850px) {
|
||||||
// smaller table cell font and cell spacing
|
// smaller table cell font and cell spacing
|
||||||
th, td {
|
th, td {
|
||||||
padding: 12px 2px;
|
padding: 12px 2px;
|
||||||
font-size: 0.929em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.main-link {
|
.main-link {
|
||||||
font-size: 1.071em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.category {
|
.category {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 .topic-statuses .topic-status i {
|
h1 .topic-statuses .topic-status i {
|
||||||
font-size: 0.8em;
|
font-size: 0.857em;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -105,7 +105,7 @@ nav.post-controls {
|
||||||
}
|
}
|
||||||
i {
|
i {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
font-size: 90%;
|
font-size: .857em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -311,7 +311,7 @@ a.star {
|
||||||
}
|
}
|
||||||
|
|
||||||
span.domain {
|
span.domain {
|
||||||
font-size: 0.714em;
|
font-size: 0.786em;
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -353,7 +353,7 @@ a.star {
|
||||||
}
|
}
|
||||||
.number, i {
|
.number, i {
|
||||||
color: dark-light-choose($primary-high, $secondary-low);
|
color: dark-light-choose($primary-high, $secondary-low);
|
||||||
font-size: 130%;
|
font-size: 1.286em;
|
||||||
}
|
}
|
||||||
.avatar a {
|
.avatar a {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -473,7 +473,7 @@ a.star {
|
||||||
#suggested-topics .topic-statuses .topic-status {
|
#suggested-topics .topic-statuses .topic-status {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
i {
|
i {
|
||||||
font-size:1.071em;
|
font-size:1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -541,7 +541,7 @@ video {
|
||||||
.extra-info {
|
.extra-info {
|
||||||
h1 {
|
h1 {
|
||||||
margin: 5px 0 0 0;
|
margin: 5px 0 0 0;
|
||||||
font-size: 1.6em;
|
font-size: 1.429em;
|
||||||
line-height: 1.3em;
|
line-height: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -783,7 +783,7 @@ $topic-avatar-width: 45px;
|
||||||
margin: 10px 0 0 0;
|
margin: 10px 0 0 0;
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.786em;
|
font-size: 1.857em;
|
||||||
color: $primary;
|
color: $primary;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
i {
|
i {
|
||||||
|
|
|
@ -21,17 +21,12 @@
|
||||||
padding-top: 14px;
|
padding-top: 14px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
.star {
|
|
||||||
font-size: 1.429em;
|
|
||||||
margin-top: 6px;
|
|
||||||
margin-right: 6px;
|
|
||||||
}
|
|
||||||
#edit-title, .category-chooser, .edit-controls {
|
#edit-title, .category-chooser, .edit-controls {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.8em;
|
font-size: 1.857em;
|
||||||
line-height: 1.2em;
|
line-height: 1.25em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
a {color: $primary;}
|
a {color: $primary;}
|
||||||
}
|
}
|
||||||
|
@ -46,7 +41,7 @@
|
||||||
float: right;
|
float: right;
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
color: dark-light-choose($primary-medium, $secondary-medium);
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
||||||
font-size: 0.875rem;
|
font-size: 0.857rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -62,7 +57,7 @@
|
||||||
width: 60%;
|
width: 60%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
font-size: 1.714em;
|
font-size: 1.857em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 1.1em;
|
line-height: 1.1em;
|
||||||
|
|
||||||
|
@ -199,7 +194,7 @@
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 1.071em;
|
font-size: 1em;
|
||||||
z-index: 495
|
z-index: 495
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -63,7 +63,7 @@ $user_card_background: $secondary;
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
font-size: 1.786em;
|
font-size: 1.857em;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
|
@ -74,13 +74,13 @@ $user_card_background: $secondary;
|
||||||
color: $user_card_primary;
|
color: $user_card_primary;
|
||||||
}
|
}
|
||||||
i {
|
i {
|
||||||
font-size: .8em;
|
font-size: .857em;
|
||||||
color: $user_card_primary;
|
color: $user_card_primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.071em;
|
font-size: 1.143em;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -255,7 +255,7 @@ $user_card_background: $secondary;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 12px;
|
right: 12px;
|
||||||
bottom: 12px;
|
bottom: 12px;
|
||||||
font-size: 2.143em;
|
font-size: 2.286em;
|
||||||
i {color: $user_card_primary;}
|
i {color: $user_card_primary;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue