Просмотр исходного кода

create circle-default and mini-circle

Shun Miyazawa 4 лет назад
Родитель
Сommit
4b19f14d9e
1 измененных файлов с 19 добавлено и 6 удалено
  1. 19 6
      src/client/styles/scss/_admin.scss

+ 19 - 6
src/client/styles/scss/_admin.scss

@@ -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;