|
@@ -131,12 +131,25 @@ $slack-work-space-name-card-border: #efc1f6;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.grw-bridge-proxy-circle {
|
|
.grw-bridge-proxy-circle {
|
|
|
- left: 50%;
|
|
|
|
|
- width: 100px;
|
|
|
|
|
- height: 100px;
|
|
|
|
|
- border: 13px solid;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- transform: translate(-50%, -50%);
|
|
|
|
|
|
|
+ @mixin circle {
|
|
|
|
|
+ left: 50%;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .circle-default {
|
|
|
|
|
+ @include circle;
|
|
|
|
|
+ width: 100px;
|
|
|
|
|
+ height: 100px;
|
|
|
|
|
+ border: 13px solid;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .circle-mini {
|
|
|
|
|
+ @include circle;
|
|
|
|
|
+ width: 50px;
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ border: 8px solid;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
.circle-inner {
|
|
.circle-inner {
|
|
|
position: absolute;
|
|
position: absolute;
|