discourse/app/assets/stylesheets/mobile/components/user-stream-item.scss

// Mobile styles for "user-stream-item" component
.user-stream {
  .name {
    vertical-align: middle;
  }

  .notification {
    &.unread {
      background-color: var(--tertiary-low);
    }
  }

  .group-member-info {
    .name {
      vertical-align: inherit;
    }
  }
}
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 09:04:19 +08:00			`// Mobile styles for "user-stream-item" component`
			`.user-stream {`
			`.name {`
			`vertical-align: middle;`
			`}`

			`.notification {`
			`&.unread {`
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting. 2020-08-04 10:57:10 +08:00			`background-color: var(--tertiary-low);`
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 09:04:19 +08:00			`}`
			`}`

			`.group-member-info {`
			`.name {`
			`vertical-align: inherit;`
			`}`
			`}`
			`}`