|
@@ -136,24 +136,18 @@ $slack-work-space-name-card-border: #efc1f6;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.grw-bridge-proxy-circle {
|
|
.grw-bridge-proxy-circle {
|
|
|
- @mixin circle {
|
|
|
|
|
|
|
+ .circle {
|
|
|
left: 50%;
|
|
left: 50%;
|
|
|
- border-radius: 50%;
|
|
|
|
|
- transform: translate(-50%, -50%);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .circle-default {
|
|
|
|
|
- @include circle;
|
|
|
|
|
width: 100px;
|
|
width: 100px;
|
|
|
height: 100px;
|
|
height: 100px;
|
|
|
border: 13px solid;
|
|
border: 13px solid;
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .circle-mini {
|
|
|
|
|
- @include circle;
|
|
|
|
|
- width: 50px;
|
|
|
|
|
- height: 50px;
|
|
|
|
|
- border: 8px solid;
|
|
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
|
|
+ @include media-breakpoint-down(md) {
|
|
|
|
|
+ width: 50px;
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ border: 8px solid;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.circle-inner {
|
|
.circle-inner {
|