extract reusable styled live beacon icon (#8103)
* extract reusable styles live beacon icon Signed-off-by: Kerry Archibald <kerrya@element.io> * add secondary live lcation color Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
parent
8cd805ad23
commit
0b80755fb8
9 changed files with 67 additions and 11 deletions
|
@ -83,19 +83,12 @@ limitations under the License.
|
|||
border-style: solid;
|
||||
border-radius: 50%;
|
||||
|
||||
// Live is styled by StyledLiveBeaconIcon
|
||||
|
||||
&.Own {
|
||||
border-color: $accent;
|
||||
}
|
||||
|
||||
&.Live {
|
||||
background-color: $location-live-color;
|
||||
// 20% brightness $location-live-color
|
||||
border-color: #deddfd;
|
||||
padding: 2px;
|
||||
// colors icon
|
||||
color: white;
|
||||
}
|
||||
|
||||
&.Pin {
|
||||
border-color: $accent;
|
||||
background-color: $accent;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue