2020-03-30 14:17:18 +00:00
|
|
|
.jitsi-icon {
|
|
|
|
&.metr {
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
& > svg {
|
2020-03-30 14:44:45 +00:00
|
|
|
fill: #4E5E6C;
|
2020-03-30 14:17:18 +00:00
|
|
|
width: 38px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.metr--disabled {
|
|
|
|
& > svg {
|
2020-03-30 14:44:45 +00:00
|
|
|
fill: #4E5E6C;
|
2020-03-30 14:17:18 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.metr-l-0 {
|
|
|
|
rect:first-child {
|
2020-03-30 14:44:45 +00:00
|
|
|
fill: #31B76A;
|
2020-03-30 14:17:18 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@for $i from 1 through 7 {
|
|
|
|
.metr-l-#{$i} {
|
|
|
|
rect:nth-child(-n+#{$i+1}) {
|
|
|
|
fill: #31B76A;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|