Combine CSS selectors.
parent
6e5300c937
commit
02c2089648
|
|
@ -41,7 +41,7 @@ const styles = (theme) =>
|
||||||
filter : 'grayscale(0)',
|
filter : 'grayscale(0)',
|
||||||
borderColor : 'var(--active-speaker-border-color)'
|
borderColor : 'var(--active-speaker-border-color)'
|
||||||
},
|
},
|
||||||
'&:not(.active-speaker)' :
|
'&:not(.active-speaker):not(.screen)' :
|
||||||
{
|
{
|
||||||
transition : 'filter 10s',
|
transition : 'filter 10s',
|
||||||
filter : 'grayscale(0.75)'
|
filter : 'grayscale(0.75)'
|
||||||
|
|
@ -52,8 +52,7 @@ const styles = (theme) =>
|
||||||
},
|
},
|
||||||
'&.screen' :
|
'&.screen' :
|
||||||
{
|
{
|
||||||
order : 2,
|
order : 2
|
||||||
filter : 'grayscale(0)'
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fab :
|
fab :
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@ const styles = (theme) =>
|
||||||
filter : 'grayscale(0)',
|
filter : 'grayscale(0)',
|
||||||
borderColor : 'var(--active-speaker-border-color)'
|
borderColor : 'var(--active-speaker-border-color)'
|
||||||
},
|
},
|
||||||
'&:not(.active-speaker)' :
|
'&:not(.active-speaker):not(.screen)' :
|
||||||
{
|
{
|
||||||
transition : 'filter 10s',
|
transition : 'filter 10s',
|
||||||
filter : 'grayscale(0.75)'
|
filter : 'grayscale(0.75)'
|
||||||
|
|
@ -52,8 +52,7 @@ const styles = (theme) =>
|
||||||
},
|
},
|
||||||
'&.screen' :
|
'&.screen' :
|
||||||
{
|
{
|
||||||
order : 3,
|
order : 3
|
||||||
filter : 'grayscale(0)'
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fab :
|
fab :
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue