IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

DEV: Refactor .coldmap styles

Browse Source 
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
2 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/stylesheets/common/base/discourse.scss
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;
}

15
app/assets/stylesheets/mobile/topic-list.scss
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 {