@fonixtree/magic-design 2.0.216 → 2.0.220

package/es/assets/less/button.less

@@ -0,0 +1,37 @@
+@import './variables.less';
+
+.cylon-btn {
+  height: @middle !important;
+  border-radius: @radius !important;
+  &.cylon-btn-sm  {
+    height: @small !important;
+  }
+  &.cylon-btn-primary {
+    background-color: #2F54EB !important;
+    border-color:#2F54EB !important;
+    &:hover {
+      background-color: #1D39C4 !important;
+      border-color:#1D39C4 !important;
+    }
+  }
+  &.cylon-btn-default {
+    &:hover {
+      border-color:#1D39C4 !important;
+      color:#1D39C4 !important;
+    }
+  }
+  &.cylon-btn-light {
+    border: none;
+    background-color: #E9F0FF;
+    color: #2F54EB;
+    &:hover {
+      background-color: #D6E4FF;
+      color: #2F54EB;
+    }
+  }
+}
+.cylon-btn[disabled], .cylon-btn[disabled]:hover, .cylon-btn[disabled]:focus, .cylon-btn[disabled]:active {
+  color: rgba(0, 0, 0, 0.25) !important;
+  border-color: #d9d9d9 !important;
+  background: #f5f5f5 !important;
+}

package/es/assets/less/common.less

@@ -0,0 +1,131 @@
+//margin-left
+.ml8 {
+  margin-left: 8px;
+}
+
+.ml12 {
+  margin-left: 12px;
+}
+
+.ml14 {
+  margin-left: 14px;
+}
+
+.ml16 {
+  margin-left: 16px;
+}
+
+//margin-right
+.mr8 {
+  margin-right: 8px;
+}
+
+.mr12 {
+  margin-right: 12px;
+}
+
+.mr14 {
+  margin-right: 14px;
+}
+
+.mr16 {
+  margin-right: 16px;
+}
+
+//margin-top
+.mt8 {
+  margin-top: 8px;
+}
+
+.mt12 {
+  margin-top: 12px;
+}
+
+.mt14 {
+  margin-top: 14px;
+}
+
+.mt16 {
+  margin-top: 16px;
+}
+
+.mt20 {
+  margin-top: 20px;
+}
+
+//margin-bottom
+.mb8 {
+  margin-bottom: 8px;
+}
+
+.mb12 {
+  margin-bottom: 12px;
+}
+
+.mb14 {
+  margin-bottom: 14px;
+}
+
+.mb16 {
+  margin-bottom: 16px;
+}
+
+.mb20 {
+  margin-bottom: 20px;
+}
+
+
+.pt16 {
+  padding-top: 16px;
+}
+
+.one_row {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.two_row {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.5em;
+  /* 设置行高 */
+  max-height: 3em;
+  /* 行高的两倍，因为最多显示两行 */
+}
+
+.common_mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0);
+  z-index: 2;
+}
+
+[contenteditable="true"] {
+  // border: 1px solid transparent;
+}
+
+[contenteditable="true"]:active,
+[contenteditable="true"]:focus {
+  // border: 1px solid transparent;
+  outline: none;
+}
+
+&.reversed-layout {
+  direction: rtl;
+
+  .no-reversed {
+    direction: ltr;
+  }
+
+  .reversed-icon {
+    transform: rotate(180deg);
+  }
+
+}