discourse/app/assets/stylesheets/mobile/components/user-stream-item.scss
minusfive cdcc5d6174 Extracted/DRYed user-stream-item component CSS from user.css into own files
- Renamed 'stream-item' component to 'user-stream-item'
- Replaced generic 'item' class with clearer 'user-stream-item' class
- Retained 'item' class for backward compatibility, marked as 'DEPRECATED'
- Extracted CSS pertaining 'user-stream-item' component to component CSS files
- Removed unnecessary duplication from 'user-stream-item' CSS
- Removed unnecessary nesting from 'user-stream-item' CSS
2017-08-25 08:38:27 -07:00

34 lines
735 B
SCSS

// Mobile styles for "user-stream-item" component
.user-stream {
// DEPRECATION:
// The ".item" class should be eventually removed because it's too generic.
// Once ".item" has been removed, ".user-stream-item" can replace
// ".user-stream" as the top-level selector on this file as all other
// selectors below are its children
.item,
.user-stream-item {
padding: 20px 0 15px 0;
}
.name {
vertical-align: middle;
}
.notification {
&.unread {
background-color: dark-light-choose(scale-color($tertiary, $lightness: 85%), srgb-scale($tertiary, $secondary, 15%));
}
}
.group-member-info {
.name {
vertical-align: inherit;
}
}
.topic-statuses {
float: left;
}
}