cy-element-ui 1.1.13 → 1.1.15

package/packages/theme-chalk/src/radio.scss

@@ -4,196 +4,196 @@
 @import "common/var";
 
 @include b(radio) {
-  color: $--radio-font-color;
-  font-weight: $--radio-font-weight;
-  line-height: 1;
-  position: relative;
-  cursor: pointer;
-  display: inline-block;
-  white-space: nowrap;
-  outline: none;
-  font-size: $--font-size-base;
-  margin-right: 30px;
-  @include utils-user-select(none);
-
-  @include when(bordered) {
-    padding: $--radio-bordered-padding;
-    border-radius: $--border-radius-base;
-    border: $--border-base;
-    box-sizing: border-box;
-    height: $--radio-bordered-height;
-
-    &.is-checked {
-      border-color: $--color-primary;
-    }
-
-    &.is-disabled {
-      cursor: not-allowed;
-      border-color: $--border-color-lighter;
-    }
-
-    & + .el-radio.is-bordered {
-      margin-left: 10px;
-    }
-  }
-
-  @include m(medium) {
-    &.is-bordered {
-      padding: $--radio-bordered-medium-padding;
-      border-radius: $--button-medium-border-radius;
-      height: $--radio-bordered-medium-height;
-      .el-radio__label {
-        font-size: $--button-medium-font-size;
-      }
-      .el-radio__inner {
-        height: $--radio-bordered-medium-input-height;
-        width: $--radio-bordered-medium-input-width;
-      }
-    }
-  }
-  @include m(small) {
-    &.is-bordered {
-      padding: $--radio-bordered-small-padding;
-      border-radius: $--button-small-border-radius;
-      height: $--radio-bordered-small-height;
-      .el-radio__label {
-        font-size: $--button-small-font-size;
-      }
-      .el-radio__inner {
-        height: $--radio-bordered-small-input-height;
-        width: $--radio-bordered-small-input-width;
-      }
-    }
-  }
-  @include m(mini) {
-    &.is-bordered {
-      padding: $--radio-bordered-mini-padding;
-      border-radius: $--button-mini-border-radius;
-      height: $--radio-bordered-mini-height;
-      .el-radio__label {
-        font-size: $--button-mini-font-size;
-      }
-      .el-radio__inner {
-        height: $--radio-bordered-mini-input-height;
-        width: $--radio-bordered-mini-input-width;
-      }
-    }
-  }
-
-  &:last-child {
-    margin-right: 0;
-  }
-
-  @include e(input) {
-    white-space: nowrap;
-    cursor: pointer;
-    outline: none;
-    display: inline-block;
-    line-height: 1;
-    position: relative;
-    vertical-align: middle;
-
-    @include when(disabled) {
-      .el-radio__inner {
-        background-color: $--radio-disabled-input-fill;
-        border-color: $--radio-disabled-input-border-color;
-        cursor: not-allowed;
-
-        &::after {
-          cursor: not-allowed;
-          background-color: $--radio-disabled-icon-color;
-        }
-
-        & + .el-radio__label {
-          cursor: not-allowed;
-        }
-      }
-      &.is-checked {
-        .el-radio__inner {
-          background-color: $--radio-disabled-checked-input-fill;
-          border-color: $--radio-disabled-checked-input-border-color;
-
-          &::after {
-            background-color: $--radio-disabled-checked-icon-color;
-          }
-        }
-      }
-      & + span.el-radio__label {
-        color: $--color-text-placeholder;
-        cursor: not-allowed;
-      }
-    }
-
-    @include when(checked) {
-      .el-radio__inner {
-        border-color: $--radio-checked-input-border-color;
-        background: $--radio-checked-icon-color;
-
-        &::after {
-          transform: translate(-50%, -50%) scale(1);
-        }
-      }
-
-      & + .el-radio__label {
-        color: $--radio-checked-font-color;
-      }
-    }
-
-    @include when(focus) {
-      .el-radio__inner {
-        border-color: $--radio-input-border-color-hover;
-      }
-    }
-  }
-  @include e(inner) {
-    border: $--radio-input-border;
-    border-radius: $--radio-input-border-radius;
-    width: $--radio-input-width;
-    height: $--radio-input-height;
-    background-color: $--radio-input-background-color;
-    position: relative;
-    cursor: pointer;
-    display: inline-block;
-    box-sizing: border-box;
-
-    &:hover {
-      border-color: $--radio-input-border-color-hover;
-    }
-
-    &::after {
-      width: 4px;
-      height: 4px;
-      border-radius: $--radio-input-border-radius;
-      background-color: $--color-white;
-      content: "";
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%) scale(0);
-      transition: transform .15s ease-in;
-    }
-  }
-
-  @include e(original) {
-    opacity: 0;
-    outline: none;
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    margin: 0;
-  }
-
-  &:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/
-    .el-radio__inner {
-      box-shadow: 0 0 2px 2px $--radio-input-border-color-hover;
-    }
-  }
-
-  @include e(label) {
-    font-size: $--radio-font-size;
-    padding-left: 10px;
-  }
+	color: $--radio-font-color;
+	font-weight: $--radio-font-weight;
+	line-height: 1;
+	position: relative;
+	cursor: pointer;
+	display: inline-block;
+	white-space: nowrap;
+	outline: none;
+	font-size: $--font-size-base;
+	margin-right: 30px;
+	@include utils-user-select(none);
+
+	@include when(bordered) {
+		padding: $--radio-bordered-padding;
+		border-radius: $--border-radius-base;
+		border: $--border-base;
+		box-sizing: border-box;
+		height: $--radio-bordered-height;
+
+		&.is-checked {
+			border-color: $--color-primary;
+		}
+
+		&.is-disabled {
+			cursor: not-allowed;
+			border-color: $--border-color-lighter;
+		}
+
+		& + .el-radio.is-bordered {
+			margin-left: 10px;
+		}
+	}
+
+	@include m(medium) {
+		&.is-bordered {
+			padding: $--radio-bordered-medium-padding;
+			border-radius: $--button-medium-border-radius;
+			height: $--radio-bordered-medium-height;
+			.el-radio__label {
+				font-size: $--button-medium-font-size;
+			}
+			.el-radio__inner {
+				height: $--radio-bordered-medium-input-height;
+				width: $--radio-bordered-medium-input-width;
+			}
+		}
+	}
+	@include m(small) {
+		&.is-bordered {
+			padding: $--radio-bordered-small-padding;
+			border-radius: $--button-small-border-radius;
+			height: $--radio-bordered-small-height;
+			.el-radio__label {
+				font-size: $--button-small-font-size;
+			}
+			.el-radio__inner {
+				height: $--radio-bordered-small-input-height;
+				width: $--radio-bordered-small-input-width;
+			}
+		}
+	}
+	@include m(mini) {
+		&.is-bordered {
+			padding: $--radio-bordered-mini-padding;
+			border-radius: $--button-mini-border-radius;
+			height: $--radio-bordered-mini-height;
+			.el-radio__label {
+				font-size: $--button-mini-font-size;
+			}
+			.el-radio__inner {
+				height: $--radio-bordered-mini-input-height;
+				width: $--radio-bordered-mini-input-width;
+			}
+		}
+	}
+
+	&:last-child {
+		margin-right: 0;
+	}
+
+	@include e(input) {
+		white-space: nowrap;
+		cursor: pointer;
+		outline: none;
+		display: inline-block;
+		line-height: 1;
+		position: relative;
+		vertical-align: middle;
+
+		@include when(disabled) {
+			.el-radio__inner {
+				background-color: $--radio-disabled-input-fill;
+				border-color: $--radio-disabled-input-border-color;
+				cursor: not-allowed;
+
+				&::after {
+					cursor: not-allowed;
+					background-color: $--radio-disabled-icon-color;
+				}
+
+				& + .el-radio__label {
+					cursor: not-allowed;
+				}
+			}
+			&.is-checked {
+				.el-radio__inner {
+					background-color: $--radio-disabled-checked-input-fill;
+					border-color: $--radio-disabled-checked-input-border-color;
+
+					&::after {
+						background-color: $--radio-disabled-checked-icon-color;
+					}
+				}
+			}
+			& + span.el-radio__label {
+				color: $--color-text-placeholder;
+				cursor: not-allowed;
+			}
+		}
+
+		@include when(checked) {
+			.el-radio__inner {
+				border-color: $--radio-checked-input-border-color;
+				background: $--radio-checked-icon-color;
+
+				&::after {
+					transform: translate(-50%, -50%) scale(1);
+				}
+			}
+
+			& + .el-radio__label {
+				color: $--radio-checked-font-color;
+			}
+		}
+
+		@include when(focus) {
+			.el-radio__inner {
+				border-color: $--radio-input-border-color-hover;
+			}
+		}
+	}
+	@include e(inner) {
+		border: $--radio-input-border;
+		border-radius: $--radio-input-border-radius;
+		width: $--radio-input-width;
+		height: $--radio-input-height;
+		background-color: $--radio-input-background-color;
+		position: relative;
+		cursor: pointer;
+		display: inline-block;
+		box-sizing: border-box;
+
+		&:hover {
+			border-color: $--radio-input-border-color-hover;
+		}
+
+		&::after {
+			width: 4px;
+			height: 4px;
+			border-radius: $--radio-input-border-radius;
+			background-color: $--color-white;
+			content: "";
+			position: absolute;
+			left: 50%;
+			top: 50%;
+			transform: translate(-50%, -50%) scale(0);
+			transition: transform .15s ease-in;
+		}
+	}
+
+	@include e(original) {
+		opacity: 0;
+		outline: none;
+		position: absolute;
+		z-index: -1;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		margin: 0;
+	}
+
+	&:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/
+		.el-radio__inner {
+			box-shadow: 0 0 2px 2px $--radio-input-border-color-hover;
+		}
+	}
+
+	@include e(label) {
+		font-size: $--radio-font-size;
+		padding-left: 10px;
+	}
 }

package/packages/theme-chalk/src/rate.scss

@@ -2,48 +2,48 @@
 @import "common/var";
 
 @include b(rate) {
-  height: $--rate-height;
-  line-height: 1;
+	height: $--rate-height;
+	line-height: 1;
 
-  &:focus, &:active {
-    outline-width: 0;
-  }
+	&:focus, &:active {
+		outline-width: 0;
+	}
 
-  @include e(item) {
-    display: inline-block;
-    position: relative;
-    font-size: 0;
-    vertical-align: middle;
-  }
+	@include e(item) {
+		display: inline-block;
+		position: relative;
+		font-size: 0;
+		vertical-align: middle;
+	}
 
-  @include e(icon) {
-    position: relative;
-    display: inline-block;
-    font-size: $--rate-icon-size;
-    margin-right: $--rate-icon-margin;
-    color: $--rate-icon-color;
-    transition: .3s;
-    &.hover {
-      transform: scale(1.15);
-    }
+	@include e(icon) {
+		position: relative;
+		display: inline-block;
+		font-size: $--rate-icon-size;
+		margin-right: $--rate-icon-margin;
+		color: $--rate-icon-color;
+		transition: .3s;
+		&.hover {
+			transform: scale(1.15);
+		}
 
-    .path2 {
-      position: absolute;
-      left: 0;
-      top: 0;
-    }
-  }
+		.path2 {
+			position: absolute;
+			left: 0;
+			top: 0;
+		}
+	}
 
-  @include e(decimal) {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: inline-block;
-    overflow: hidden;
-  }
+	@include e(decimal) {
+		position: absolute;
+		top: 0;
+		left: 0;
+		display: inline-block;
+		overflow: hidden;
+	}
 
-  @include e(text) {
-    font-size: $--rate-font-size;
-    vertical-align: middle;
-  }
+	@include e(text) {
+		font-size: $--rate-font-size;
+		vertical-align: middle;
+	}
 }

package/packages/theme-chalk/src/reset.scss

@@ -1,79 +1,79 @@
 @import 'common/var';
 
 body {
-  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
-  font-weight: 400;
-  font-size: $--font-size-base;
-  color: $--color-black;
-  -webkit-font-smoothing: antialiased;
+	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+	font-weight: 400;
+	font-size: $--font-size-base;
+	color: $--color-black;
+	-webkit-font-smoothing: antialiased;
 }
 
 a {
-  color: $--color-primary;
-  text-decoration: none;
+	color: $--color-primary;
+	text-decoration: none;
 
-  &:hover,
-  &:focus {
-    color: mix($--color-white, $--color-primary, $--button-hover-tint-percent);
-  }
+	&:hover,
+	&:focus {
+		color: mix($--color-white, $--color-primary, $--button-hover-tint-percent);
+	}
 
-  &:active {
-    color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
-  }
+	&:active {
+		color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
+	}
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: $--color-text-regular;
-  font-weight: inherit;
+	color: $--color-text-regular;
+	font-weight: inherit;
 
-  &:first-child {
-    margin-top: 0;
-  }
+	&:first-child {
+		margin-top: 0;
+	}
 
-  &:last-child {
-    margin-bottom: 0;
-  }
+	&:last-child {
+		margin-bottom: 0;
+	}
 }
 
 h1 {
-  font-size: #{$--font-size-base + 6px};
+	font-size: #{$--font-size-base + 6px};
 }
 
 h2 {
-  font-size: #{$--font-size-base + 4px};
+	font-size: #{$--font-size-base + 4px};
 }
 
 h3 {
-  font-size: #{$--font-size-base + 2px};
+	font-size: #{$--font-size-base + 2px};
 }
 
 h4, h5, h6, p {
-  font-size: inherit;
+	font-size: inherit;
 }
 
 p {
-  line-height: 1.8;
+	line-height: 1.8;
 
-  &:first-child {
-    margin-top: 0;
-  }
+	&:first-child {
+		margin-top: 0;
+	}
 
-  &:last-child {
-    margin-bottom: 0;
-  }
+	&:last-child {
+		margin-bottom: 0;
+	}
 }
 
 sup, sub {
-  font-size: #{$--font-size-base - 1px};
+	font-size: #{$--font-size-base - 1px};
 }
 
 small {
-  font-size: #{$--font-size-base - 2px};
+	font-size: #{$--font-size-base - 2px};
 }
 
 hr {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  border: 0;
-  border-top: 1px solid #eeeeee;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	border: 0;
+	border-top: 1px solid #eeeeee;
 }