DEV: Refactor `.coldmap` styles

Component is only used in mobile category lists, no need to have it available globally

Uses opacity instead of color manipulation to deliver the same effect
This commit is contained in:
Penar Musaraj 2020-07-29 08:59:55 -04:00
parent c23dfb7df7
commit fb2fce037b
No known key found for this signature in database
GPG Key ID: E390435D881FF0F7
2 changed files with 15 additions and 17 deletions

View File

@ -359,23 +359,6 @@ table {
margin-left: 12px;
}
// the default for table cells in topic list
// is $primary-medium
// numbers get dimmer as they get colder
.coldmap {
&-high {
color: dark-light-choose($primary-low-mid, $secondary-high) !important;
}
&-med {
color: dark-light-choose($primary-medium, $secondary-high) !important;
}
&-low {
color: dark-light-choose($primary-medium, $secondary-medium) !important;
}
}
.top-space {
margin-top: 10px;
}

View File

@ -263,6 +263,21 @@
.age {
margin-left: 5px;
}
// numbers get dimmer as they get colder
.coldmap {
&-high {
opacity: 0.4;
}
&-med {
opacity: 0.6;
}
&-low {
opacity: 0.8;
}
}
}
.subcategory-list-item.category {