{"version":3,"file":"fieldset.css","sources":["fieldset.scss","configs.scss"],"sourcesContent":["@import \"configs\";\r\n\r\n.x-fieldset {\r\n    min-width: 0;\r\n    border: 0;\r\n    padding: 0;\r\n\r\n    @-moz-document url-prefix() {\r\n        & {\r\n            display: table-cell;\r\n        }\r\n    }\r\n\r\n    legend {\r\n        display: block;\r\n        margin-bottom: $margin-y-small;\r\n        width: 100%;\r\n        border: 0;\r\n        border-bottom: 1px solid $border-color;\r\n        padding: $padding-y 0;\r\n        color: $text-color-light;\r\n        font-size: $font-size-large;\r\n        line-height: $line-height-small;\r\n    }\r\n}\r\n","// 色系\r\n$primary-color: #1780ce !default;\r\n$secondary-color: #eff7fe !default;\r\n$accent-color: #f5a738 !default;\r\n\r\n// 文本\r\n$text-color: #666 !default;\r\n$text-color-dark: #333 !default;\r\n$text-color-light: #999 !default;\r\n\r\n// 背景\r\n$background-color: #fff !default;\r\n$background-color-dark: #f5f5f5 !default;\r\n$background-color-light: #fff !default;\r\n\r\n// 边框\r\n$border-color: #e0e0e0 !default;\r\n$border-color-dark: #c9c9c9 !default;\r\n$border-color-light: #eee !default;\r\n\r\n// 面板\r\n$header-background-color: $background-color-dark !default;\r\n$main-background-color: $background-color-light !default;\r\n$striped-background-color: lighten($background-color-dark, 1%) !default;\r\n\r\n// 焦点\r\n$hover-background-color: #fafafa !default;\r\n$focus-border-color: $primary-color !default;\r\n\r\n// 选中\r\n$selected-text-color: #fff !default;\r\n$selected-background-color: $primary-color !default;\r\n\r\n// 禁用\r\n$disable-text-color: $text-color-light !default;\r\n$disable-background-color: $border-color-light !default;\r\n\r\n// 状态\r\n$info-text-color: #2487d0 !default;\r\n$info-background-color: #daebf7 !default;\r\n$info-border-color: darken($info-background-color, 5%) !default;\r\n\r\n$success-text-color: #3ca23c !default;\r\n$success-background-color: #d3f0d3 !default;\r\n$success-border-color: darken($success-background-color, 5%) !default;\r\n\r\n$warning-text-color: #e28f19 !default;\r\n$warning-background-color: #fcf0de !default;\r\n$warning-border-color: darken($warning-background-color, 5%) !default;\r\n\r\n$error-text-color: #d63a29 !default;\r\n$error-background-color: #fef0ef !default;\r\n$error-border-color: darken($error-background-color, 5%) !default;\r\n\r\n// 字体\r\n$font-family: \"Helvetica Neue For Number\", apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Helvetica, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif !default;\r\n$font-family-scripts: Georgia, \"Times New Roman\", Times, Kai, \"Kaiti SC\", KaiTi, BiauKai, serif !default;\r\n$font-family-monospace: Monaco, Menlo, Consolas, \"Courier New\", \"Helvetica Neue\", Helvetica, \"Hiragino Sans GB\", \"Microsoft Yahei\", monospace !default;\r\n\r\n// 字号\r\n$font-size: 14px !default;\r\n$font-size-large: 125% !default;\r\n$font-size-small: 87.5% !default;\r\n\r\n// 字粗\r\n$font-weight: normal !default;\r\n$font-weight-large: 500 !default;\r\n$font-weight-small: 100 !default;\r\n\r\n// 行高\r\n$line-height: 1.5 !default;\r\n$line-height-large: 1.75 !default;\r\n$line-height-small: 1.25 !default;\r\n\r\n// 外边距\r\n$margin-y: 1rem !default;\r\n$margin-x: 1rem !default;\r\n$margin-y-large: 1.5rem !default;\r\n$margin-x-large: 1.5rem !default;\r\n$margin-y-small: .5rem !default;\r\n$margin-x-small: .5rem !default;\r\n\r\n// 内边距\r\n$padding-y: .375rem !default;\r\n$padding-x: 1rem !default;\r\n$padding-y-large: .5rem !default;\r\n$padding-x-large: 1.25rem !default;\r\n$padding-y-small: .25rem !default;\r\n$padding-x-small: .75rem !default;\r\n\r\n// 空白\r\n$spacer: .5rem !default;\r\n$spacer-large: 1rem !default;\r\n$spacer-small: .25rem !default;\r\n\r\n// 圆角\r\n$border-radius: .2rem !default;\r\n$border-radius-large: .25rem !default;\r\n$border-radius-small: .15rem !default;\r\n\r\n// 响应式\r\n$screen-small: 640px !default;\r\n$screen-medium: 1024px !default;\r\n$screen-large: 1280px !default;\r\n\r\n// Z-index\r\n$z-index-dropdown: 900 !default;\r\n$z-index-fixed: 1000 !default;\r\n$z-index-popup: 1100 !default;\r\n\r\n// 宽度\r\n$dropdown-min-width: 5rem;\r\n$dropdown-max-width: 15rem;\r\n$dropdown-max-height: 25rem;\r\n$popup-min-width: 15rem;\r\n$popup-max-width: 25rem;\r\n$input-width: 12rem;\r\n\r\n// 动画\r\n$duration: .2s !default;\r\n$duration-large: .3s !default;\r\n$duration-small: .1s !default;\r\n\r\n// 鼠标\r\n$cursor-help: help !default;\r\n$cursor-disabled: not-allowed !default;\r\n\r\n// 状态\r\n@mixin screen($screens: small large medium) {\r\n    @each $screen in $screens {\r\n        $screen: $screen !global;\r\n        @if $screen==\"small\" {\r\n            $screen-postfix: \"\" !global;\r\n            @content;\r\n        }\r\n        @else if $screen==\"large\" {\r\n            $screen-postfix: \"-large\" !global;\r\n            @media (min-width: #{$screen-small + 1px}) {\r\n                @content;\r\n            }\r\n        }\r\n        @else if $screen==\"medium\" {\r\n            $screen-postfix: \"-medium\" !global;\r\n            @media (min-width: #{$screen-small + 1px}) and (max-width: #{$screen-medium}) {\r\n                @content;\r\n            }\r\n        }\r\n        @else {\r\n            @warn \"$screen must be one of these: 'small', 'large', 'medium'. Current value is '#{$screen}'.\";\r\n        }\r\n    }\r\n}\r\n\r\n@mixin state($states: info success warning error) {\r\n    @each $state in $states {\r\n        $state: $state !global;\r\n        @if $state==\"info\" {\r\n            $state-text-color: $info-text-color !global;\r\n            $state-background-color: $info-background-color !global;\r\n            $state-border-color: $info-border-color !global;\r\n        }\r\n        @else if $state==\"success\" {\r\n            $state-text-color: $success-text-color !global;\r\n            $state-background-color: $success-background-color !global;\r\n            $state-border-color: $success-border-color !global;\r\n        }\r\n        @else if $state==\"warning\" {\r\n            $state-text-color: $warning-text-color !global;\r\n            $state-background-color: $warning-background-color !global;\r\n            $state-border-color: $warning-border-color !global;\r\n        }\r\n        @else if $state==\"error\" {\r\n            $state-text-color: $error-text-color !global;\r\n            $state-background-color: $error-background-color !global;\r\n            $state-border-color: $error-border-color !global;\r\n        }\r\n        @else if $state==\"primary\" {\r\n            $state-text-color: $primary-color !global;\r\n            $state-background-color: $background-color !global;\r\n            $state-border-color: $border-color !global;\r\n        }\r\n        @else {\r\n            @warn \"$state must be one of these: 'info', 'success', 'warning', 'error', 'primary'. Current value is '#{$state}'.\";\r\n        }\r\n        &-#{$state} {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin size($sizes: large small) {\r\n    @each $size in $sizes {\r\n        $size: $size !global;\r\n        @if $size==\"large\" {\r\n            $margin-y-size: $margin-y-large !global;\r\n            $margin-x-size: $margin-x-large !global;\r\n            $padding-y-size: $padding-y-large !global;\r\n            $padding-x-size: $padding-x-large !global;\r\n            $spacer-size: $spacer-large !global;\r\n            $border-radius-size: $border-radius-large !global;\r\n            $font-size-size: $font-size-large !global;\r\n            $font-weight-size: $font-weight-large !global;\r\n            $line-height-size: $line-height-large !global;\r\n        }\r\n        @else if $size==\"small\" {\r\n            $margin-y-size: $margin-y-small !global;\r\n            $margin-x-size: $margin-x-small !global;\r\n            $padding-y-size: $padding-y-small !global;\r\n            $padding-x-size: $padding-x-small !global;\r\n            $spacer-size: $spacer-small !global;\r\n            $border-radius-size: $border-radius-small !global;\r\n            $font-size-size: $font-size-small !global;\r\n            $font-weight-size: $font-weight-small !global;\r\n            $line-height-size: $line-height-small !global;\r\n        }\r\n        @else if $size==\"medium\" {\r\n            $margin-y-size: $margin-y !global;\r\n            $margin-x-size: $margin-x !global;\r\n            $padding-y-size: $padding-y !global;\r\n            $padding-x-size: $padding-x !global;\r\n            $spacer-size: $spacer !global;\r\n            $border-radius-size: $border-radius !global;\r\n            $font-size-size: $font-size !global;\r\n            $font-weight-size: $font-weight !global;\r\n            $line-height-size: $line-height !global;\r\n        }\r\n        @else {\r\n            @warn \"$size must be one of these: 'small', 'large', 'medium'. Current value is '#{$size}'.\";\r\n        }\r\n        &-#{$size} {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n// 工具\r\n@mixin clear() {\r\n    &::after {\r\n        content: \"\";\r\n        display: block;\r\n        clear: both;\r\n    }\r\n}\r\n\r\n@mixin reset-button() {\r\n    -webkit-appearance: none;\r\n    border: 0;\r\n    padding: 0;\r\n    background: transparent;\r\n    outline: 0;\r\n}\r\n"],"mappings":"AAEA;EACI,aAAY;EACZ,UAAS;EACT,WAAU;CAmBb;;AAjBG;EALJ;IAOY,oBAAmB;GACtB;CAAR;;AARD;EAYQ,eAAc;EACd,sBCgEc;ED/Dd,YAAW;EACX,UAAS;EACT,iCCFc;EDGd,oBAAqB;EACrB,YCZe;EDaf,gBCwCc;EDvCd,kBCkDgB;CDjDnB"}