mirror of
https://github.com/oceanprotocol/commons.git
synced 2023-03-15 18:03:00 +01:00
34 lines
692 B
SCSS
34 lines
692 B
SCSS
@import '../../../styles/variables';
|
|
|
|
.status {
|
|
display: inline-block;
|
|
position: relative;
|
|
cursor: help;
|
|
}
|
|
|
|
// default: red square
|
|
.statusIndicator {
|
|
width: $font-size-small;
|
|
height: $font-size-small;
|
|
display: block;
|
|
background: $red;
|
|
}
|
|
|
|
// yellow triangle
|
|
.statusIndicatorCloseEnough {
|
|
composes: statusIndicator;
|
|
background: none;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: $font-size-small / 1.7 solid transparent;
|
|
border-right: $font-size-small / 1.7 solid transparent;
|
|
border-bottom: $font-size-small solid $yellow;
|
|
}
|
|
|
|
// green circle
|
|
.statusIndicatorActive {
|
|
composes: statusIndicator;
|
|
border-radius: 50%;
|
|
background: $green;
|
|
}
|