mirror of https://github.com/twbs/bootstrap.git
				
				
				
			Fix list group colors by using `*-text-emphasis` CSS vars in Sass loop (#38008)
This commit is contained in:
		
							parent
							
								
									af60065266
								
							
						
					
					
						commit
						cbc4e3a409
					
				| 
						 | 
					@ -182,7 +182,7 @@
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@each $state in map-keys($theme-colors) {
 | 
					@each $state in map-keys($theme-colors) {
 | 
				
			||||||
  .list-group-item-#{$state} {
 | 
					  .list-group-item-#{$state} {
 | 
				
			||||||
    --#{$prefix}list-group-color: var(--#{$prefix}#{$state}-text);
 | 
					    --#{$prefix}list-group-color: var(--#{$prefix}#{$state}-text-emphasis);
 | 
				
			||||||
    --#{$prefix}list-group-bg: var(--#{$prefix}#{$state}-bg-subtle);
 | 
					    --#{$prefix}list-group-bg: var(--#{$prefix}#{$state}-bg-subtle);
 | 
				
			||||||
    --#{$prefix}list-group-border-color: var(--#{$prefix}#{$state}-border-subtle);
 | 
					    --#{$prefix}list-group-border-color: var(--#{$prefix}#{$state}-border-subtle);
 | 
				
			||||||
    --#{$prefix}list-group-action-hover-color: var(--#{$prefix}emphasis-color);
 | 
					    --#{$prefix}list-group-action-hover-color: var(--#{$prefix}emphasis-color);
 | 
				
			||||||
| 
						 | 
					@ -190,8 +190,8 @@
 | 
				
			||||||
    --#{$prefix}list-group-action-active-color: var(--#{$prefix}emphasis-color);
 | 
					    --#{$prefix}list-group-action-active-color: var(--#{$prefix}emphasis-color);
 | 
				
			||||||
    --#{$prefix}list-group-action-active-bg: var(--#{$prefix}#{$state}-border-subtle);
 | 
					    --#{$prefix}list-group-action-active-bg: var(--#{$prefix}#{$state}-border-subtle);
 | 
				
			||||||
    --#{$prefix}list-group-active-color: var(--#{$prefix}#{$state}-bg-subtle);
 | 
					    --#{$prefix}list-group-active-color: var(--#{$prefix}#{$state}-bg-subtle);
 | 
				
			||||||
    --#{$prefix}list-group-active-bg: var(--#{$prefix}#{$state}-text);
 | 
					    --#{$prefix}list-group-active-bg: var(--#{$prefix}#{$state}-text-emphasis);
 | 
				
			||||||
    --#{$prefix}list-group-active-border-color: var(--#{$prefix}#{$state}-text);
 | 
					    --#{$prefix}list-group-active-border-color: var(--#{$prefix}#{$state}-text-emphasis);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
// scss-docs-end list-group-modifiers
 | 
					// scss-docs-end list-group-modifiers
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue