bri-components 1.5.22 → 1.6.0

package/src/styles/components/BriButton.less

@@ -1,307 +1,307 @@
-// 需要和公共统一,待公共完善后统一属性
-@btnCancelBg: @borderColor;
-@btnCancelBgHover: @border-disabled;
-@btnCancelBgClick: @grey3;
-@btnCancelBgDisabled: @btn-hover ;
-@btnWarningBg: #E83636;
-@btnWarningBgHover: #F07F7F;
-@btnWarningBgClick: #B71515;
-@btnWarningBgDisabled: #F9C8C8;
-@btnBgHover: @theme-hover;
-@btnBgclick: @theme-active;
-@btnBgDisabled: @theme-disabled;
-
-//type
-.ivu-btn {
-    &:focus {
-        box-shadow: none;
-    }
-}
-.ivu-btn-primary {
-    border-color: @btnBg;
-    &:hover {
-        background-color: @btnBgHover;
-        border-color: @btnBgHover;
-    }
-    &:active {
-        background-color: @btnBgclick;
-        border-color: @btnBgclick;
-    }
-    &[disabled] {
-        background-color: @btnBgDisabled;
-        border-color: @btnBgDisabled;
-        color: @textWhColor;
-        &:hover, &:active {
-            background-color: @btnBgDisabled;
-            border-color: @btnBgDisabled;
-            color: @textWhColor;
-        }
-    }
-}
-.ivu-btn-cancel {
-    color: @textColor;
-    background-color: @btnCancelBg;
-    border-color: @btnCancelBg;
-    &:hover {
-        background-color: @btnCancelBgHover;
-        border-color: @btnCancelBgHover;
-        color: @textColor;
-    }
-    &:active {
-        background-color: @btnCancelBgClick;
-        border-color: @btnCancelBgClick;
-        color: @textColor;
-    }
-    &[disabled] {
-        background-color: @btnCancelBgDisabled;
-        border-color: @btnCancelBgDisabled;
-        color: @textColor-disabled;
-        &:hover, &:active {
-            background-color: @btnCancelBgDisabled;
-            border-color: @btnCancelBgDisabled;
-            color: @textColor-disabled;
-        }
-    }
-}
-.ivu-btn-text {
-    color: @textColor;
-     &:hover {
-        background-color: @btnCancelBgDisabled;
-        color: @textColor;
-     }
-     &:active {
-        background-color: @btnCancelBg;
-        color: @textColor;
-     }
-     &[disabled] {
-         color: @textColor-disabled;
-         &:hover, &:active {
-             color: @textColor-disabled;
-         }
-     }
- }
- .ivu-btn-primaryText {
-    color: @themeColor;
-    border: none;
-    &:hover {
-        color: @themeColor;
-     }
-     &:active {
-        color: @themeColor;
-     }
-    &[disabled] {
-        border: none;
-        color: @textColor-disabled;
-        background-color: transparent;
-        &:hover, &:active {
-            color: @textColor-disabled;
-        }
-    }
- }
-.ivu-btn-linkText {
-    color: @themeColor;
-    border: none;
-    &:hover {
-        background-color: transparent;
-        color: @theme-hover;
-    }
-    &:active {
-        background-color: transparent;
-        color: @theme-active;
-    }
-    &[disabled] {
-        color: @btnBgDisabled;
-        background-color: transparent;
-        &:hover, &:active {
-            color: @btnBgDisabled;
-            background-color: transparent;
-        }
-    }
-}
-.ivu-btn-errorText {
-    color: @error-color;
-    &:hover {
-        color: @error-color;
-    }
-    &:active {
-        color: @error-color;
-    }
-    &[disabled] {
-        color: @textColor-disabled;
-        &:hover, &:active {
-            color: @textColor-disabled;
-        }
-    }
-}
-.ivu-btn-successText {
-    color: @success-color;
-    &:hover {
-        color: @success-color;
-    }
-    &:active {
-        color: @success-color;
-    }
-    &[disabled] {
-        color: @textColor-disabled;
-        &:hover, &:active {
-            color: @textColor-disabled;
-        }
-    }
-}
-
-.ivu-btn-error {
-    color: @textWhColor;
-    background-color: @btnWarningBg;
-    border-color: @btnWarningBg;
-    &:hover {
-        background-color: @btnWarningBgHover;
-        border-color: @btnWarningBgHover;
-    }
-    &:active {
-        background-color: @btnWarningBgClick;
-        border-color: @btnWarningBgClick;
-    }
-    &[disabled] {
-        background-color: @btnWarningBgDisabled;
-        border-color: @btnWarningBgDisabled;
-        color: @textWhColor;
-        &:hover, &:active {
-            background-color: @btnWarningBgDisabled;
-            border-color: @btnWarningBgDisabled;
-            color: @textWhColor;
-        }
-    }
-}
-
-.ivu-btn-default, .ivu-btn-dashed {
-    color: @textColor;
-    border-color: @btnCancelBg;
-    background-color: #fff;
-    &:hover {
-        color: @btnBgHover;
-        border-color: @btnBgHover;
-    }
-    &:active {
-        background-color: @btnCancelBg;
-        color: @btnBgclick;
-        border-color: @btnBgclick;
-    }
-    &[disabled] {
-        background-color: @btnCancelBg;
-        border-color: @btnCancelBgHover;
-        color: @textColor-disabled;
-        &:hover, &:active {
-            background-color: @btnCancelBg;
-            border-color: @btnCancelBgHover;
-            color: @textColor-disabled;
-        }
-    }
-}
-
-.ivu-btn-primaryLine {
-    color: @themeColor;
-    border-color: @themeColor;
-    background-color: #fff;
-    &:hover {
-        background-color: #fff;
-        border-color: @btnBgclick;
-        color: @btnBgHover;
-    }
-    &:active {
-        background-color: #fff;
-        border-color: @btnBgclick;
-        color: @btnBgclick;
-    }
-    &[disabled] {
-        background-color: #fff;
-        border-color: @btnBgDisabled;
-        color: @btnBgDisabled;
-        &:hover, &:active {
-            background-color: #fff;
-            border-color: @btnBgDisabled;
-            color: @btnBgDisabled;
-        }
-    }
-}
-
-.ivu-btn-errorLine {
-    color: @btnWarningBg;
-    border-color: @btnWarningBg;
-    background-color: #fff;
-    &:hover {
-        border-color: @btnWarningBgHover;
-        color: @btnWarningBgHover;
-    }
-    &:active {
-        background-color: @btnCancelBg;
-        border-color: @btnWarningBgClick;
-        color: @btnWarningBgClick;
-    }
-    &[disabled] {
-        background-color: #fff;
-        border-color: @btnWarningBgDisabled;
-        color: @btnWarningBgDisabled;
-        &:hover, &:active {
-            background-color: #fff;
-            border-color: @btnWarningBgDisabled;
-            color: @btnWarningBgDisabled;
-        }
-    }
-}
-
-.ivu-btn-ghost {
-    background: 0 0;
-}
-
-.ivu-btn-large {
-    padding: 0 23px;
-}
-
-.ivu-btn-ghost.ivu-btn-primary {
-    border-color: @themeColor;
-    &:hover {
-        color: @theme-hover;
-        border-color: @theme-hover;
-        background-color: transparent;
-    }
-    &:active {
-        color: @theme-active;
-        border-color: @theme-active;
-        background-color: transparent;
-    }
-    &[disabled] {
-        border-color: @contentColor;
-        color: @textColor-disabled;
-        &:hover, &:active {
-            border-color: @contentColor;
-            color: @textColor-disabled;
-        }
-    }
-}
-.ivu-btn-ghost.ivu-btn-cancel {
-    color: @textWhColor;
-    border-color: @fontWh2;
-    &:hover {
-        color: @themeColor;
-        border-color: @themeColor;
-        background-color: transparent;
-    }
-    &:active {
-        color: @theme-active;
-        border-color: @theme-active;
-        background-color: transparent;
-    }
-    &[disabled] {
-        border-color: @contentColor;
-        color: @textColor-disabled;
-        background-color: transparent;
-        &:hover, &:active {
-            border-color: @contentColor;
-            color: @textColor-disabled;
-            background-color: transparent;
-        }
-    }
-}
-.ivu-btn-ghost.ivu-btn-error {
-    color: @btnWarningBg;
-}
+// 需要和公共统一,待公共完善后统一属性
+@btnCancelBg: @borderColor;
+@btnCancelBgHover: @border-disabled;
+@btnCancelBgClick: @grey3;
+@btnCancelBgDisabled: @btn-hover ;
+@btnWarningBg: #E83636;
+@btnWarningBgHover: #F07F7F;
+@btnWarningBgClick: #B71515;
+@btnWarningBgDisabled: #F9C8C8;
+@btnBgHover: @theme-hover;
+@btnBgclick: @theme-active;
+@btnBgDisabled: @theme-disabled;
+
+//type
+.ivu-btn {
+    &:focus {
+        box-shadow: none;
+    }
+}
+.ivu-btn-primary {
+    border-color: @btnBg;
+    &:hover {
+        background-color: @btnBgHover;
+        border-color: @btnBgHover;
+    }
+    &:active {
+        background-color: @btnBgclick;
+        border-color: @btnBgclick;
+    }
+    &[disabled] {
+        background-color: @btnBgDisabled;
+        border-color: @btnBgDisabled;
+        color: @textWhColor;
+        &:hover, &:active {
+            background-color: @btnBgDisabled;
+            border-color: @btnBgDisabled;
+            color: @textWhColor;
+        }
+    }
+}
+.ivu-btn-cancel {
+    color: @textColor;
+    background-color: @btnCancelBg;
+    border-color: @btnCancelBg;
+    &:hover {
+        background-color: @btnCancelBgHover;
+        border-color: @btnCancelBgHover;
+        color: @textColor;
+    }
+    &:active {
+        background-color: @btnCancelBgClick;
+        border-color: @btnCancelBgClick;
+        color: @textColor;
+    }
+    &[disabled] {
+        background-color: @btnCancelBgDisabled;
+        border-color: @btnCancelBgDisabled;
+        color: @textColor-disabled;
+        &:hover, &:active {
+            background-color: @btnCancelBgDisabled;
+            border-color: @btnCancelBgDisabled;
+            color: @textColor-disabled;
+        }
+    }
+}
+.ivu-btn-text {
+    color: @textColor;
+     &:hover {
+        background-color: @btnCancelBgDisabled;
+        color: @textColor;
+     }
+     &:active {
+        background-color: @btnCancelBg;
+        color: @textColor;
+     }
+     &[disabled] {
+         color: @textColor-disabled;
+         &:hover, &:active {
+             color: @textColor-disabled;
+         }
+     }
+ }
+ .ivu-btn-primaryText {
+    color: @themeColor;
+    border: none;
+    &:hover {
+        color: @themeColor;
+     }
+     &:active {
+        color: @themeColor;
+     }
+    &[disabled] {
+        border: none;
+        color: @textColor-disabled;
+        background-color: transparent;
+        &:hover, &:active {
+            color: @textColor-disabled;
+        }
+    }
+ }
+.ivu-btn-linkText {
+    color: @themeColor;
+    border: none;
+    &:hover {
+        background-color: transparent;
+        color: @theme-hover;
+    }
+    &:active {
+        background-color: transparent;
+        color: @theme-active;
+    }
+    &[disabled] {
+        color: @btnBgDisabled;
+        background-color: transparent;
+        &:hover, &:active {
+            color: @btnBgDisabled;
+            background-color: transparent;
+        }
+    }
+}
+.ivu-btn-errorText {
+    color: @error-color;
+    &:hover {
+        color: @error-color;
+    }
+    &:active {
+        color: @error-color;
+    }
+    &[disabled] {
+        color: @textColor-disabled;
+        &:hover, &:active {
+            color: @textColor-disabled;
+        }
+    }
+}
+.ivu-btn-successText {
+    color: @success-color;
+    &:hover {
+        color: @success-color;
+    }
+    &:active {
+        color: @success-color;
+    }
+    &[disabled] {
+        color: @textColor-disabled;
+        &:hover, &:active {
+            color: @textColor-disabled;
+        }
+    }
+}
+
+.ivu-btn-error {
+    color: @textWhColor;
+    background-color: @btnWarningBg;
+    border-color: @btnWarningBg;
+    &:hover {
+        background-color: @btnWarningBgHover;
+        border-color: @btnWarningBgHover;
+    }
+    &:active {
+        background-color: @btnWarningBgClick;
+        border-color: @btnWarningBgClick;
+    }
+    &[disabled] {
+        background-color: @btnWarningBgDisabled;
+        border-color: @btnWarningBgDisabled;
+        color: @textWhColor;
+        &:hover, &:active {
+            background-color: @btnWarningBgDisabled;
+            border-color: @btnWarningBgDisabled;
+            color: @textWhColor;
+        }
+    }
+}
+
+.ivu-btn-default, .ivu-btn-dashed {
+    color: @textColor;
+    border-color: @btnCancelBg;
+    background-color: #fff;
+    &:hover {
+        color: @btnBgHover;
+        border-color: @btnBgHover;
+    }
+    &:active {
+        background-color: @btnCancelBg;
+        color: @btnBgclick;
+        border-color: @btnBgclick;
+    }
+    &[disabled] {
+        background-color: @btnCancelBg;
+        border-color: @btnCancelBgHover;
+        color: @textColor-disabled;
+        &:hover, &:active {
+            background-color: @btnCancelBg;
+            border-color: @btnCancelBgHover;
+            color: @textColor-disabled;
+        }
+    }
+}
+
+.ivu-btn-primaryLine {
+    color: @themeColor;
+    border-color: @themeColor;
+    background-color: #fff;
+    &:hover {
+        background-color: #fff;
+        border-color: @btnBgclick;
+        color: @btnBgHover;
+    }
+    &:active {
+        background-color: #fff;
+        border-color: @btnBgclick;
+        color: @btnBgclick;
+    }
+    &[disabled] {
+        background-color: #fff;
+        border-color: @btnBgDisabled;
+        color: @btnBgDisabled;
+        &:hover, &:active {
+            background-color: #fff;
+            border-color: @btnBgDisabled;
+            color: @btnBgDisabled;
+        }
+    }
+}
+
+.ivu-btn-errorLine {
+    color: @btnWarningBg;
+    border-color: @btnWarningBg;
+    background-color: #fff;
+    &:hover {
+        border-color: @btnWarningBgHover;
+        color: @btnWarningBgHover;
+    }
+    &:active {
+        background-color: @btnCancelBg;
+        border-color: @btnWarningBgClick;
+        color: @btnWarningBgClick;
+    }
+    &[disabled] {
+        background-color: #fff;
+        border-color: @btnWarningBgDisabled;
+        color: @btnWarningBgDisabled;
+        &:hover, &:active {
+            background-color: #fff;
+            border-color: @btnWarningBgDisabled;
+            color: @btnWarningBgDisabled;
+        }
+    }
+}
+
+.ivu-btn-ghost {
+    background: 0 0;
+}
+
+.ivu-btn-large {
+    padding: 0 23px;
+}
+
+.ivu-btn-ghost.ivu-btn-primary {
+    border-color: @themeColor;
+    &:hover {
+        color: @theme-hover;
+        border-color: @theme-hover;
+        background-color: transparent;
+    }
+    &:active {
+        color: @theme-active;
+        border-color: @theme-active;
+        background-color: transparent;
+    }
+    &[disabled] {
+        border-color: @contentColor;
+        color: @textColor-disabled;
+        &:hover, &:active {
+            border-color: @contentColor;
+            color: @textColor-disabled;
+        }
+    }
+}
+.ivu-btn-ghost.ivu-btn-cancel {
+    color: @textWhColor;
+    border-color: @fontWh2;
+    &:hover {
+        color: @themeColor;
+        border-color: @themeColor;
+        background-color: transparent;
+    }
+    &:active {
+        color: @theme-active;
+        border-color: @theme-active;
+        background-color: transparent;
+    }
+    &[disabled] {
+        border-color: @contentColor;
+        color: @textColor-disabled;
+        background-color: transparent;
+        &:hover, &:active {
+            border-color: @contentColor;
+            color: @textColor-disabled;
+            background-color: transparent;
+        }
+    }
+}
+.ivu-btn-ghost.ivu-btn-error {
+    color: @btnWarningBg;
+}