@kne/react-form-antd 1.2.14 → 2.0.0-alpha.0.3

package/dist/style.scss

@@ -1,217 +0,0 @@
-.react-form {
-  $root: &;
-  text-align: left;
-  font-size: 12px;
-
-  .ant-select {
-    width: 100%;
-  }
-
-  &--large {
-    @extend #{$root};
-
-    #{$root + '__field-label'} {
-      font-size: 14px;
-      margin-right: 20px;
-      line-height: 34px;
-    }
-  }
-
-  &--small {
-    @extend #{$root};
-
-    #{$root + '__field-label'} {
-      margin-right: 12px;
-      line-height: 24px;
-    }
-  }
-
-  &--inner {
-    $inner: &;
-    @extend #{$root};
-
-    #{$root + '__field'} {
-      margin-bottom: 22px;
-    }
-
-    #{$root + '__field-main'} {
-      flex-direction: column;
-    }
-
-    #{$root + '__field-input'} {
-      align-self: auto;
-    }
-
-    #{$root + '__field-label'} {
-      font-size: 14px;
-      text-align: left;
-      font-weight: bold;
-      margin-left: 0;
-      margin-bottom: 2px;
-    }
-
-    &--large {
-      @extend #{$inner};
-    }
-
-    &--small {
-      @extend #{$inner};
-
-      #{$root + '__field-label'} {
-        font-size: 12px;
-        margin-bottom: 1px;
-      }
-    }
-  }
-
-  &--inline {
-    $inline: &;
-    @extend #{$root};
-    padding: 30px 30px 6px;
-
-    #{$root + '__field'} {
-      display: inline-block;
-      margin-right: 40px;
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-
-    #{$root + '__field-label'} {
-      min-width: auto !important;
-      padding-left: 0;
-
-      &.is-req:before {
-        position: static;
-      }
-    }
-
-    &--large {
-      @extend #{$inline};
-
-      #{$root + '__field-label'} {
-        font-size: 14px;
-        line-height: 34px;
-      }
-    }
-
-    &--small {
-      @extend #{$inline};
-
-      #{$root + '__field-label'} {
-        margin-right: 12px;
-      }
-    }
-  }
-
-  &__field-main {
-    display: flex;
-  }
-
-  &__field-label {
-    text-align: right;
-    margin-right: 16px;
-    line-height: 30px;
-    margin-left: 10px;
-    position: relative;
-
-    &.is-req {
-      &:before {
-        position: absolute;
-        color: #fc3333;
-        font-weight: bold;
-        content: '*';
-        margin-right: 4px;
-        transform: translateX(-10px);
-      }
-    }
-  }
-
-  &__field-input {
-    align-self: center;
-    flex: 1;
-    position: relative;
-  }
-
-  &__field {
-    margin-bottom: 24px;
-
-    transition: border-color 300ms;
-
-    &.is-req-error,
-    &.is-error {
-      #{$root + '__field-component'} {
-        @mixin error-border {
-          border-color: #fc3333;
-        }
-        @mixin error-focus {
-          box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
-        }
-        @mixin error-state {
-          @include error-border;
-
-          &:focus {
-            @include error-focus;
-          }
-        }
-        @include error-state;
-
-        .ant-select-selection, .ant-input, .ant-radio-inner {
-          @include error-state;
-        }
-
-        .ant-upload.ant-upload-select-picture-card{
-          @include error-border;
-        }
-
-        &.ant-input-affix-wrapper .ant-input{
-          box-shadow: none;
-        }
-
-        &.ant-input-affix-wrapper-focused{
-          @include error-focus;
-        }
-
-        &.ant-select {
-          > .ant-select-selector {
-            @include error-border;
-          }
-
-          &.ant-select-focused > .ant-select-selector {
-            @include error-focus;
-          }
-        }
-      }
-    }
-
-    &-error {
-      color: #fc3333;
-      font-size: 12px;
-      position: absolute;
-      top: calc(100% + 1px);
-      left: 0;
-    }
-  }
-}
-
-.react-form-modal {
-  .ant-modal-content > .ant-modal-body {
-    padding: 0;
-  }
-}
-
-.react-form-avatar{
-  .preview{
-    width: 85px;
-    height: 85px;
-    overflow: hidden;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    img{
-      max-width: 100%;
-      max-height: 100%;
-    }
-  }
-}