taro-ui 3.3.2 → 3.4.0

package/{lib → dist}/style/index.css

@@ -1141,7 +1141,7 @@
   transition: background-color 0.3s;
 }
 .at-accordion__header:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-accordion__header--noborder::after {
   display: none;
@@ -1191,7 +1191,7 @@
   bottom: -50%;
   border: 0 solid rgb(214.4, 228.4, 238.9);
   transform: scale(0.5);
-  border-top-width: 1PX;
+  border-top-width: 1px;
 }
 .at-accordion__content--inactive {
   position: absolute;
@@ -1200,7 +1200,7 @@
   z-index: -10;
 }
 .at-accordion__arrow {
-  color: #CCC;
+  color: #ccc;
   font-size: 48px;
   line-height: 1;
   transition: transform 0.2s ease;
@@ -1593,13 +1593,13 @@
   bottom: 0;
   width: 100%;
   text-align: center;
-  background-color: #FFF;
+  background-color: #fff;
   transform: translate3d(0, 100%, 0);
   transition: transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1);
 }
 .at-action-sheet__header {
   padding: 24px 24px;
-  color: #B2B2B2;
+  color: #b2b2b2;
   font-size: 28px;
   text-align: center;
   line-height: 1.5;
@@ -1626,7 +1626,7 @@
   transition: background-color 0.3s;
 }
 .at-action-sheet__footer:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-action-sheet__body {
   text-align: center;
@@ -1637,7 +1637,7 @@
   transition: background-color 0.3s;
 }
 .at-action-sheet__item:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-action-sheet__item {
   overflow: hidden;
@@ -1848,7 +1848,7 @@
 }
 .at-article__info {
   margin: 0 30px;
-  color: #CCC;
+  color: #ccc;
   font-size: 28px;
   line-height: 42px;
 }
@@ -2037,12 +2037,12 @@
 .at-avatar {
   width: 100px;
   height: 100px;
-  color: #FFF;
+  color: #fff;
   font-size: 40px;
   line-height: 100px;
   text-align: center;
   border-radius: 8px;
-  background: #E5E5E5;
+  background: #e5e5e5;
   box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.05);
   overflow: hidden;
   /* elements */
@@ -2247,7 +2247,7 @@
   height: 20px;
   border-radius: 50%;
   overflow: hidden;
-  background: #FF4949;
+  background: #ff4949;
   box-shadow: 0 4px 8px 0 rgba(255, 73, 73, 0.2);
 }
 .at-badge__num {
@@ -2255,11 +2255,11 @@
   padding: 0 10px;
   top: -14px;
   right: -6PX;
-  color: #FFF;
+  color: #fff;
   font-size: 20px;
   line-height: 1.4;
   border-radius: 14px 14px 14px 0;
-  background: #FF4949;
+  background: #ff4949;
   box-shadow: 0 4px 8px 0 rgba(255, 73, 73, 0.2);
   transform: translate(50%, 0);
   overflow: hidden;
@@ -2446,7 +2446,7 @@
   line-height: 90px;
   text-align: center;
   border-radius: 8px;
-  border: 1PX solid #C5D9E8;
+  border: 1PX solid #c5d9e8;
   box-sizing: border-box;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2494,14 +2494,14 @@
   opacity: 0.3;
 }
 .at-button--primary {
-  color: #FFF;
-  border: 1PX solid #6190E8;
-  background: #6190E8;
+  color: #fff;
+  border: 1PX solid #6190e8;
+  background: #6190e8;
 }
 .at-button--secondary {
-  color: #6190E8;
-  border: 1PX solid #6190E8;
-  background-color: #FFF;
+  color: #6190e8;
+  border: 1PX solid #6190e8;
+  background-color: #fff;
 }
 .at-button--circle {
   border-radius: 46px;
@@ -2697,7 +2697,7 @@
   align-items: center;
   -webkit-box-align: center;
   height: 72px;
-  color: #B8BFC6;
+  color: #b8bfc6;
   text-align: center;
 }
 .at-calendar__header .header__flex-item {
@@ -2710,7 +2710,7 @@
   align-items: stretch;
   -webkit-box-align: stretch;
   flex-wrap: wrap;
-  color: #7C86A2;
+  color: #7c86a2;
 }
 .at-calendar__list.flex .flex__item {
   flex: 0 0 14.2857142857%;
@@ -2746,7 +2746,7 @@
   height: 8px;
   margin-right: 4px;
   display: inline-block;
-  background-color: #6190E8;
+  background-color: #6190e8;
   border-radius: 50%;
   overflow: hidden;
 }
@@ -2754,7 +2754,7 @@
   margin-right: 0;
 }
 .at-calendar__list.flex .flex__item--today {
-  color: #6190E8;
+  color: #6190e8;
   font-weight: bolder;
 }
 .at-calendar__list.flex .flex__item--blur {
@@ -3000,7 +3000,7 @@
   border-left: 1PX rgb(214.4, 228.4, 238.9) solid;
   margin: 0 24px;
   border-radius: 12px;
-  background-color: #FFF;
+  background-color: #fff;
   /* elements */
 }
 .at-card__header {
@@ -3037,7 +3037,7 @@
   flex: auto;
   -webkit-box-flex: auto;
   display: block;
-  color: #2C405A;
+  color: #2c405a;
   font-size: 32px;
 }
 .at-card__header-extra {
@@ -3045,7 +3045,7 @@
   -webkit-box-flex: 0;
   max-width: 200px;
   margin-left: 24px;
-  color: #2C405A;
+  color: #2c405a;
   font-size: 28px;
 }
 .at-card__content {
@@ -3232,7 +3232,7 @@
  */
 .at-checkbox {
   position: relative;
-  background-color: #FFF;
+  background-color: #fff;
   position: relative;
 }
 .at-checkbox::before {
@@ -3294,7 +3294,7 @@
   line-height: 1;
   border: 2px solid rgba(97, 144, 232, 0.2);
   border-radius: 50%;
-  background-color: #FFF;
+  background-color: #fff;
   box-sizing: border-box;
   transition: all 0.2s;
 }
@@ -3312,19 +3312,19 @@
   transition: background-color 0.3s;
 }
 .at-checkbox__option:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-checkbox__option--disabled .at-checkbox__option-cnt,
 .at-checkbox__option--disabled .at-checkbox__desc {
   opacity: 0.3;
 }
 .at-checkbox__option--disabled:active {
-  background-color: #FFF;
+  background-color: #fff;
 }
 .at-checkbox__option--selected .at-checkbox__icon-cnt {
-  color: #FFF;
+  color: #fff;
   border: none;
-  background-color: #6190E8;
+  background-color: #6190e8;
 }
 .at-checkbox__option + .at-checkbox__option .at-checkbox__option-wrap {
   position: relative;
@@ -3341,7 +3341,7 @@
   bottom: -50%;
   border: 0 solid rgb(214.4, 228.4, 238.9);
   transform: scale(0.5);
-  border-top-width: 1PX;
+  border-top-width: 1px;
 }
 
 /**
@@ -3547,10 +3547,10 @@
   display: inline-block;
   position: relative;
   padding: 6px 0;
-  color: #FF4949;
-  border: 1PX solid #CCC;
+  color: #ff4949;
+  border: 1PX solid #ccc;
   border-radius: 8px;
-  background-color: #FFF;
+  background-color: #fff;
 }
 .at-countdown--card .at-countdown__time-box .at-countdown__time {
   position: relative;
@@ -3563,7 +3563,7 @@
   left: 0;
   width: 100%;
   height: 1PX;
-  background-color: #CCC;
+  background-color: #ccc;
   z-index: 100;
 }
 
@@ -3763,7 +3763,7 @@
   bottom: -80px;
   align-items: center;
   justify-content: center;
-  border: 2PX solid #FFF;
+  border: 2PX solid #fff;
   border-radius: 50%;
   box-sizing: border-box;
   z-index: 1080;
@@ -3777,7 +3777,7 @@
   width: 34px;
   height: 2PX;
   border-radius: 1PX;
-  background: #FFF;
+  background: #fff;
 }
 .at-curtain__btn-close::before {
   transform: translate3d(-50%, -50%, 0) rotate(45deg);
@@ -3998,9 +3998,9 @@
   display: inline-block;
   position: relative;
   padding: 0 24px;
-  color: #6190E8;
+  color: #6190e8;
   font-size: 32px;
-  background: #FFF;
+  background: #fff;
   z-index: 101;
 }
 .at-divider__line {
@@ -4009,7 +4009,7 @@
   left: 0;
   width: 100%;
   height: 1PX;
-  background-color: #CCC;
+  background-color: #ccc;
   z-index: 100;
 }
 
@@ -4194,7 +4194,7 @@
   bottom: 0;
   width: 460px;
   text-align: left;
-  background-color: #FFF;
+  background-color: #fff;
   opacity: 0;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
@@ -4393,17 +4393,17 @@
   padding: 0;
   width: 112px;
   height: 112px;
-  color: #FFF;
+  color: #fff;
   font-size: 28px;
   line-height: 1.5;
   text-align: center;
   border-radius: 50%;
-  background: #6190E8;
+  background: #6190e8;
   box-shadow: 0 6px 10px -2px rgba(0, 0, 0, 0.2), 0 12px 20px 0 rgba(0, 0, 0, 0.14), 0 2px 36px 0 rgba(0, 0, 0, 0.12);
   box-sizing: border-box;
 }
 .at-fab:active {
-  background: #346FC2;
+  background: #346fc2;
   box-shadow: 0 14px 16px -8px rgba(0, 0, 0, 0.2), 0 24px 34px 4px rgba(0, 0, 0, 0.14), 0 10px 44px 8px rgba(0, 0, 0, 0.12);
 }
 .at-fab {
@@ -4610,7 +4610,7 @@
   width: 100%;
   min-height: 600px;
   max-height: 950px;
-  background-color: #FFF;
+  background-color: #fff;
   transform: translate3d(0, 100%, 0);
   transition: transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1);
 }
@@ -4618,7 +4618,7 @@
   position: relative;
   padding: 18px;
   line-height: 1.5;
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
 }
 .at-float-layout .layout-header__title {
   overflow: hidden;
@@ -4648,7 +4648,7 @@
   width: 36px;
   height: 2PX;
   border-radius: 1PX;
-  background: #CCC;
+  background: #ccc;
 }
 .at-float-layout .layout-header__btn-close::before {
   transform: translate3d(-50%, -50%, 0) rotate(45deg);
@@ -4841,7 +4841,7 @@
  */
 .at-form {
   display: block;
-  background-color: #FFF;
+  background-color: #fff;
   position: relative;
 }
 .at-form::after {
@@ -5094,7 +5094,7 @@
   transition: background-color 0.3s;
 }
 .at-grid__flex .at-grid-item__content-inner:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-grid__flex .at-grid-item__content-inner {
   height: 100%;
@@ -5133,7 +5133,7 @@
   border: none;
 }
 .at-grid__flex .at-grid-item--active {
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
 }
 
 /**
@@ -5349,7 +5349,7 @@
   width: 60px;
   height: 2PX;
   border-radius: 1PX;
-  background: #CCC;
+  background: #ccc;
 }
 .at-image-picker__choose-btn .add-bar:nth-child(1) {
   transform: translate3d(-50%, -50%, 0) rotate(90deg);
@@ -5384,7 +5384,7 @@
   width: 10PX;
   height: 1PX;
   border-radius: 1PX;
-  background: #FFF;
+  background: #fff;
 }
 .at-image-picker__remove-btn::before {
   transform: translate3d(-50%, -50%, 0) rotate(45deg);
@@ -5578,13 +5578,13 @@
 }
 .at-indexes__menu-item {
   padding: 2px 10px;
-  color: #6190E8;
+  color: #6190e8;
   font-size: 24px;
   text-align: center;
 }
 .at-indexes__menu-item--active {
-  background-color: #6190E8;
-  color: #FFF;
+  background-color: #6190e8;
+  color: #fff;
   border-radius: 8px;
 }
 .at-indexes__body {
@@ -5600,9 +5600,9 @@
 .at-indexes__list-title {
   padding: 10px 24px;
   width: 100%;
-  color: #7F7F7F;
+  color: #7f7f7f;
   font-size: 24px;
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
   box-sizing: border-box;
   overflow: hidden;
 }
@@ -5775,7 +5775,7 @@
   border-left: 1PX rgb(214.4, 228.4, 238.9) solid;
   font-size: 28px;
   border-radius: 8px;
-  background-color: #FFF;
+  background-color: #fff;
   overflow: hidden;
   /* elements */
 }
@@ -5785,7 +5785,7 @@
   align-items: center;
   justify-content: center;
   padding: 12px;
-  color: #6190E8;
+  color: #6190e8;
   font-size: 0;
   text-align: center;
   line-height: 1;
@@ -5793,7 +5793,7 @@
   transition: background-color 0.3s;
 }
 .at-input-number__btn:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-input-number__btn-subtract, .at-input-number__btn-add {
   font-size: 30px;
@@ -5816,7 +5816,7 @@
   /* modifiers */
 }
 .at-input-number--disabled {
-  color: #CCC;
+  color: #ccc;
 }
 .at-input-number--disabled:active {
   background-color: inherit;
@@ -5999,7 +5999,7 @@
   position: relative;
   padding: 24px 0;
   color: #333;
-  background-color: #FFF;
+  background-color: #fff;
   margin-left: 32px;
   /* 修复底线隐藏问题 */
   margin-bottom: 1PX;
@@ -6048,7 +6048,7 @@
 .at-input__title--required::before {
   display: inline-block;
   margin-right: 8px;
-  color: #FF4949;
+  color: #ff4949;
   font-size: 28px;
   font-family: SimSun, sans-serif;
   line-height: 1;
@@ -6064,11 +6064,11 @@
   vertical-align: middle;
 }
 .placeholder {
-  color: #CCC;
+  color: #ccc;
 }
 
 .at-input__input::placeholder {
-  color: #CCC;
+  color: #ccc;
 }
 .at-input input {
   color: #333;
@@ -6092,7 +6092,7 @@
   color: #ccc;
 }
 .at-input__icon-alert {
-  color: #FF4949;
+  color: #ff4949;
 }
 .at-input__children {
   display: inline-flex;
@@ -6110,7 +6110,7 @@
   bottom: -50%;
   border: 0 solid rgb(214.4, 228.4, 238.9);
   transform: scale(0.5);
-  border-left-width: 1PX;
+  border-left-width: 1px;
 }
 .at-input__children > view,
 .at-input__children div,
@@ -6120,7 +6120,7 @@
 .at-input__children .taro-img {
   display: inline-block;
   padding: 0 18px;
-  color: #346FC2;
+  color: #346fc2;
   font-size: 32px;
   text-align: center;
 }
@@ -6136,7 +6136,7 @@
   /* modifiers */
 }
 .at-input--error {
-  color: #FF4949;
+  color: #ff4949;
 }
 .at-input--disabled {
   opacity: 0.3;
@@ -6306,7 +6306,7 @@
  * 默认主题下 $color-border-light
  */
 .at-list {
-  background-color: #FFF;
+  background-color: #fff;
   position: relative;
 }
 .at-list::after {
@@ -6346,7 +6346,7 @@
   transition: background-color 0.3s;
 }
 .at-list__item:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-list__item {
   position: relative;
@@ -6420,7 +6420,7 @@
   position: absolute;
 }
 .at-list__item .item-extra__icon-arrow {
-  color: #CCC;
+  color: #ccc;
   font-size: 48px;
 }
 .at-list__item .item-extra__switch {
@@ -6824,7 +6824,7 @@
   margin: 1PX;
   border-width: 1PX;
   border-style: solid;
-  border-color: #6190E8 transparent transparent transparent;
+  border-color: #6190e8 transparent transparent transparent;
   border-radius: 50%;
   animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 }
@@ -7005,11 +7005,11 @@
   right: 0;
   width: 100%;
   padding: 12px 10px;
-  color: #FFF;
+  color: #fff;
   font-size: 28px;
   text-align: center;
   line-height: 1.5;
-  background: #78A4FA;
+  background: #78a4fa;
   animation: ease both;
   transform: translate3d(0, -100%, 0);
   transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
@@ -7019,16 +7019,16 @@
   /* modifiers */
 }
 .at-message--success {
-  background: #13CE66;
+  background: #13ce66;
 }
 .at-message--error {
-  background: #FF4949;
+  background: #ff4949;
 }
 .at-message--warning {
-  background: #FFC82C;
+  background: #ffc82c;
 }
 .at-message--info {
-  background: #78A4FA;
+  background: #78a4fa;
 }
 .at-message--show {
   opacity: 1;
@@ -7229,7 +7229,7 @@
   transform: translate(-50%, -50%);
   width: 540px;
   border-radius: 12px;
-  background-color: #FFF;
+  background-color: #fff;
   overflow: hidden;
 }
 .at-modal__header {
@@ -7246,7 +7246,7 @@
   right: 0;
   bottom: 0;
   transform: scaleY(0.5);
-  border-bottom: 1PX solid #E5E5E5;
+  border-bottom: 1PX solid #e5e5e5;
 }
 .at-modal__header {
   overflow: hidden;
@@ -7280,7 +7280,7 @@
   right: 0;
   bottom: auto;
   transform: scaleY(0.5);
-  border-top: 1PX solid #E5E5E5;
+  border-top: 1PX solid #e5e5e5;
 }
 .at-modal__footer .at-modal__action {
   display: flex;
@@ -7294,7 +7294,7 @@
   transition: background-color 0.3s;
 }
 .at-modal__footer .at-modal__action > button:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-modal__footer .at-modal__action > button {
   margin-top: 0;
@@ -7328,13 +7328,13 @@
   right: auto;
   bottom: 0;
   transform: scaleX(0.5);
-  border-left: 1PX solid #E5E5E5;
+  border-left: 1PX solid #e5e5e5;
 }
 .at-modal__footer .at-modal__action > button:last-child {
-  color: #6190E8;
+  color: #6190e8;
 }
 .at-modal__footer--simple .at-modal__action > button:last-child:nth-child(2) {
-  color: #6190E8;
+  color: #6190e8;
 }
 .at-modal {
   /* modifiers */
@@ -7512,7 +7512,7 @@
   align-items: center;
   justify-content: center;
   width: 100%;
-  background-color: #FFF;
+  background-color: #fff;
   box-sizing: border-box;
   white-space: nowrap;
   overflow: hidden;
@@ -7539,7 +7539,7 @@
   flex: 2;
   padding: 9PX 5PX;
   height: 100%;
-  color: #6190E8;
+  color: #6190e8;
   font-size: 18PX;
   text-align: left;
   text-overflow: ellipsis;
@@ -7547,7 +7547,7 @@
   transition: background-color 0.3s;
 }
 .at-nav-bar__left-view:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-nav-bar__left-view .at-icon {
   font-size: 48px;
@@ -7555,7 +7555,7 @@
 .at-nav-bar__right-view {
   flex: 2;
   height: 100%;
-  color: #6190E8;
+  color: #6190e8;
   text-align: right;
   overflow: hidden;
 }
@@ -7592,7 +7592,7 @@
   transition: background-color 0.3s;
 }
 .at-nav-bar__container:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-nav-bar__container .at-icon {
   font-size: 48px;
@@ -7778,9 +7778,9 @@
 .at-noticebar {
   position: relative;
   padding: 12px 24px;
-  color: #DE8C17;
+  color: #de8c17;
   font-size: 0;
-  background: #FCF6ED;
+  background: #fcf6ed;
   /* elements */
 }
 .at-noticebar__content {
@@ -7813,7 +7813,7 @@
   transform: translate3d(0, -50%, 0);
 }
 .at-noticebar__close .at-icon {
-  color: #CCC;
+  color: #ccc;
   font-size: 32px;
 }
 .at-noticebar__close + .at-noticebar__content {
@@ -8072,7 +8072,7 @@
   overflow: hidden;
 }
 .at-pagination__number-current {
-  color: #6190E8;
+  color: #6190e8;
 }
 
 /**
@@ -8257,7 +8257,7 @@
 }
 .at-progress__outer-inner {
   width: 100%;
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
   border-radius: 8px;
   vertical-align: middle;
 }
@@ -8265,7 +8265,7 @@
   position: relative;
   height: 16px;
   border-radius: 8px;
-  background-color: #78A4F4;
+  background-color: #78a4f4;
   transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
   overflow: hidden;
 }
@@ -8289,21 +8289,21 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background: #FFF;
+  background: #fff;
   border-radius: 8px;
   animation: progress-active 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
 }
 .at-progress--error .at-progress__outer-inner-background {
-  background: #FF4949;
+  background: #ff4949;
 }
 .at-progress--error .at-icon {
-  color: #FF4949;
+  color: #ff4949;
 }
 .at-progress--success .at-progress__outer-inner-background {
-  background: #13CE66;
+  background: #13ce66;
 }
 .at-progress--success .at-icon {
-  color: #13CE66;
+  color: #13ce66;
 }
 
 /**
@@ -8468,7 +8468,7 @@
  */
 .at-radio {
   position: relative;
-  background-color: #FFF;
+  background-color: #fff;
   position: relative;
 }
 .at-radio::before {
@@ -8528,7 +8528,7 @@
   visibility: visible;
 }
 .at-radio__icon .at-icon {
-  color: #6190E8;
+  color: #6190e8;
 }
 .at-radio__desc {
   display: block;
@@ -8545,7 +8545,7 @@
   transition: background-color 0.3s;
 }
 .at-radio__option:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-radio__option--disabled .at-radio__option-container,
 .at-radio__option--disabled .at-radio__desc {
@@ -8569,7 +8569,7 @@
   bottom: -50%;
   border: 0 solid rgb(214.4, 228.4, 238.9);
   transform: scale(0.5);
-  border-top-width: 1PX;
+  border-top-width: 1px;
 }
 
 /**
@@ -8750,14 +8750,14 @@
 .at-range__rail {
   width: 100%;
   height: 2PX;
-  background-color: #E9E9E9;
+  background-color: #e9e9e9;
   box-sizing: border-box;
   overflow: hidden;
 }
 .at-range__track {
   position: absolute;
   height: 2PX;
-  background-color: #6190E8;
+  background-color: #6190e8;
 }
 .at-range__slider {
   position: absolute;
@@ -8765,7 +8765,7 @@
   width: 28PX;
   height: 28PX;
   border-radius: 50%;
-  background-color: #FFF;
+  background-color: #fff;
   box-shadow: 0 0 4PX 0 rgba(0, 0, 0, 0.2);
   box-sizing: border-box;
 }
@@ -8955,7 +8955,7 @@
 .at-rate__icon {
   position: relative;
   display: inline-block;
-  color: #ECECEC;
+  color: #ececec;
   font-size: 0;
   line-height: 0;
   transition: all 0.2s;
@@ -8964,13 +8964,13 @@
   font-size: 20PX;
 }
 .at-rate__icon--on {
-  color: #FFCA3E;
+  color: #ffca3e;
 }
 .at-rate__icon--off {
-  color: #ECECEC;
+  color: #ececec;
 }
 .at-rate__icon--half .at-rate__left {
-  color: #FFCA3E;
+  color: #ffca3e;
 }
 
 /**
@@ -9137,7 +9137,7 @@
   display: flex;
   align-items: center;
   padding: 12px 18px;
-  background-color: #FFF;
+  background-color: #fff;
   overflow: hidden;
   box-sizing: border-box;
   position: relative;
@@ -9164,7 +9164,7 @@
   flex: 1;
   width: 100%;
   height: 30PX;
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
   border-radius: 15PX;
   overflow: hidden;
   display: flex;
@@ -9227,11 +9227,11 @@
   margin-left: 10PX;
   padding: 0 10PX;
   height: 30PX;
-  color: #FFF;
+  color: #fff;
   font-size: 14PX;
   line-height: 30PX;
   border-radius: 4PX;
-  background-color: #6190E8;
+  background-color: #6190e8;
   transition: margin-right 0.3s, opacity 0.3s;
   opacity: 0;
 }
@@ -9415,10 +9415,10 @@
   box-sizing: border-box;
   white-space: nowrap;
   overflow: hidden;
-  border-top: 1PX #6190E8 solid;
-  border-bottom: 1PX #6190E8 solid;
-  border-right: 1PX #6190E8 solid;
-  border-left: 1PX #6190E8 solid;
+  border-top: 1PX #6190e8 solid;
+  border-bottom: 1PX #6190e8 solid;
+  border-right: 1PX #6190e8 solid;
+  border-left: 1PX #6190e8 solid;
   /* elements */
 }
 .at-segmented-control__item {
@@ -9426,7 +9426,7 @@
   box-sizing: border-box;
   padding: 6px 10px;
   min-width: 120px;
-  color: #6190E8;
+  color: #6190e8;
   font-size: 28px;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -9435,11 +9435,11 @@
   transition: all 0.2s;
 }
 .at-segmented-control__item--active {
-  color: #FFF;
-  background-color: #6190E8;
+  color: #fff;
+  background-color: #6190e8;
 }
 .at-segmented-control__item + .at-segmented-control__item {
-  border-left: 1PX #6190E8 solid;
+  border-left: 1PX #6190e8 solid;
 }
 .at-segmented-control {
   /* modifiers */
@@ -9814,12 +9814,12 @@
   text-align: center;
 }
 .at-steps__item--active .at-steps__circular {
-  color: #FFF;
-  background-color: #6190E8;
+  color: #fff;
+  background-color: #6190e8;
 }
 .at-steps__item--inactive .at-steps__circular {
   color: #999;
-  background-color: #E5E5E5;
+  background-color: #e5e5e5;
 }
 .at-steps__circular-wrap {
   position: relative;
@@ -9832,10 +9832,10 @@
   font-size: 56px;
 }
 .at-steps__single-icon--success {
-  color: #13CE66;
+  color: #13ce66;
 }
 .at-steps__single-icon--error {
-  color: #FF4949;
+  color: #ff4949;
 }
 .at-steps__circle-icon {
   font-size: 24px;
@@ -9845,16 +9845,16 @@
   width: 30%;
   top: 50%;
   right: 70%;
-  height: 1Px;
-  background-color: #CCC;
+  height: 1px;
+  background-color: #ccc;
 }
 .at-steps__right-line {
   position: absolute;
   width: 30%;
   top: 50%;
   left: 70%;
-  height: 1Px;
-  background-color: #CCC;
+  height: 1px;
+  background-color: #ccc;
 }
 .at-steps__num {
   font-size: 24px;
@@ -9868,7 +9868,7 @@
   white-space: nowrap;
 }
 .at-steps__desc {
-  color: #CCC;
+  color: #ccc;
   font-size: 24px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -10052,7 +10052,7 @@
 .at-swipe-action__content {
   position: relative;
   font-size: 32px;
-  background-color: #FFF;
+  background-color: #fff;
   display: flex;
   height: 100%;
   z-index: 2;
@@ -10064,7 +10064,7 @@
   transition: background-color 0.3s;
 }
 .at-swipe-action__option:active {
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-swipe-action__option {
   align-items: center;
@@ -10072,7 +10072,7 @@
   display: inline-flex;
   padding: 0 32px;
   height: 100%;
-  color: #FFF;
+  color: #fff;
   font-size: 28px;
   width: 120px;
   text-align: center;
@@ -10254,7 +10254,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: #FFF;
+  background-color: #fff;
   margin-left: 32px;
   padding: 24px 32px 24px 0;
   margin-bottom: 1PX;
@@ -10288,7 +10288,7 @@
   flex-direction: row-reverse;
   position: relative;
   flex: 2;
-  background-color: #FFF;
+  background-color: #fff;
 }
 .at-switch__switch {
   display: inline-block;
@@ -10484,7 +10484,7 @@
   align-items: flex-start;
   text-align: center;
   box-sizing: border-box;
-  background-color: #FFF;
+  background-color: #fff;
   position: relative;
 }
 .at-tab-bar::after {
@@ -10499,7 +10499,7 @@
   bottom: -50%;
   border: 0 solid rgb(214.4, 228.4, 238.9);
   transform: scale(0.5);
-  border-top-width: 1PX;
+  border-top-width: 1px;
 }
 .at-tab-bar {
   /* elements */
@@ -10512,7 +10512,7 @@
   transition: all 0.2s;
 }
 .at-tab-bar__item--active {
-  color: #6190E8;
+  color: #6190e8;
 }
 .at-tab-bar__icon {
   font-size: 48px;
@@ -10733,12 +10733,12 @@
   bottom: 0;
   width: 100%;
   height: 1PX;
-  background-color: #6190E8;
+  background-color: #6190e8;
   transform: scaleX(0);
   transition: all 0.15s;
 }
 .at-tabs__item--active {
-  color: #6190E8;
+  color: #6190e8;
 }
 .at-tabs__item--active .at-tabs__item-underline {
   transform: scaleX(1);
@@ -10749,7 +10749,7 @@
   width: 100%;
   text-align: center;
   white-space: nowrap;
-  background-color: #FFF;
+  background-color: #fff;
   box-sizing: border-box;
   overflow: -moz-scrollbars-none;
 }
@@ -10776,7 +10776,7 @@
   right: auto;
   width: 600%;
   height: 1PX;
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
 }
 .at-tabs {
   /* modifiers */
@@ -11028,26 +11028,26 @@
   text-align: center;
   line-height: 58px;
   vertical-align: middle;
-  border: 1PX solid #F7F7F7;
+  border: 1PX solid #f7f7f7;
   border-radius: 8px;
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
   box-sizing: border-box;
   /* modifiers */
 }
 .at-tag--primary {
   color: #666;
-  border-color: #F7F7F7;
-  background-color: #F7F7F7;
+  border-color: #f7f7f7;
+  background-color: #f7f7f7;
 }
 .at-tag--active {
-  color: #78A4F4;
-  border-color: #78A4F4;
-  background-color: #FFF;
+  color: #78a4f4;
+  border-color: #78a4f4;
+  background-color: #fff;
 }
 .at-tag--active.at-tag--primary {
-  color: #FFF;
-  border-color: #78A4F4;
-  background-color: #78A4F4;
+  color: #fff;
+  border-color: #78a4f4;
+  background-color: #78a4f4;
 }
 .at-tag--disabled {
   opacity: 0.3;
@@ -11233,7 +11233,7 @@
   font-size: 32px;
   line-height: 1.5;
   border-radius: 8px;
-  background-color: #FFF;
+  background-color: #fff;
   box-sizing: border-box;
   border-top: 1PX rgb(214.4, 228.4, 238.9) solid;
   border-bottom: 1PX rgb(214.4, 228.4, 238.9) solid;
@@ -11253,16 +11253,16 @@
   border: 0;
 }
 .placeholder {
-  color: #CCC;
+  color: #ccc;
 }
 
 .at-textarea__textarea::placeholder {
-  color: #CCC;
+  color: #ccc;
 }
 .at-textarea__counter {
   padding-top: 12px;
   width: 100%;
-  color: #C9C9C9;
+  color: #c9c9c9;
   font-size: 28px;
   text-align: right;
   line-height: 1;
@@ -11271,7 +11271,7 @@
   line-height: 1;
 }
 .at-textarea--error .at-textarea__counter {
-  color: #FF4949;
+  color: #ff4949;
 }
 
 /**
@@ -11461,7 +11461,7 @@
   text-align: center;
   vertical-align: middle;
   border-radius: 50%;
-  background: #FFF;
+  background: #fff;
   box-sizing: border-box;
   z-index: 1;
 }
@@ -11476,13 +11476,13 @@
   height: 24px;
   border: 1PX solid transparent;
   border-radius: 50%;
-  border-color: #78A4F4;
+  border-color: #78a4f4;
 }
 .at-timeline-item__dot.at-timeline-item__icon::after {
   border-color: transparent;
 }
 .at-timeline-item__icon {
-  color: #78A4F4;
+  color: #78a4f4;
 }
 .at-timeline-item__tail {
   position: absolute;
@@ -11495,22 +11495,22 @@
   /* modifiers */
 }
 .at-timeline-item--green .at-timeline-item__icon {
-  color: #13CE66;
+  color: #13ce66;
 }
 .at-timeline-item--green .at-timeline-item__dot::after {
-  border-color: #13CE66;
+  border-color: #13ce66;
 }
 .at-timeline-item--red .at-timeline-item__icon {
-  color: #FF4949;
+  color: #ff4949;
 }
 .at-timeline-item--red .at-timeline-item__dot::after {
-  border-color: #FF4949;
+  border-color: #ff4949;
 }
 .at-timeline-item--yellow .at-timeline-item__icon {
-  color: #FFC82C;
+  color: #ffc82c;
 }
 .at-timeline-item--yellow .at-timeline-item__dot::after {
-  border-color: #FFC82C;
+  border-color: #ffc82c;
 }
 
 .at-timeline .at-timeline-item:last-child .at-timeline-item__tail {
@@ -11720,7 +11720,7 @@
   z-index: 1090;
 }
 .at-toast .toast-body-content__icon {
-  color: #FFF;
+  color: #fff;
   font-size: 80px;
   text-align: center;
 }
@@ -11734,7 +11734,7 @@
 }
 .at-toast .toast-body-content__info {
   margin-top: 18px;
-  color: #FFF;
+  color: #fff;
   font-size: 28px;
   line-height: 1.5;
   text-align: center;