{"version":3,"file":"reset-more.css","sources":["reset-more.scss","configs.scss"],"sourcesContent":["@import \"configs\";\r\n\r\n// 隐藏 tabindex=-1 的边框。\r\n[tabindex=\"-1\"]:focus {\r\n    outline: none !important;\r\n}\r\n\r\n// Edge：强制显示按钮超出部分。\r\nbutton, input {\r\n    overflow: visible;\r\n}\r\n\r\n// Firefox：禁止继承 text-transform 属性。\r\nbutton, select {\r\n    text-transform: none;\r\n}\r\n\r\n// Firefox、IE：修复透明按钮缺失选中样式。\r\nbutton:focus {\r\n    outline: 1px dotted; // sass-lint:disable no-duplicate-properties\r\n    outline: 5px auto -webkit-focus-ring-color; // sass-lint:enable no-duplicate-properties\r\n}\r\n\r\n// Safari Mobile：修复设置 line-height 会导致文字对齐错误的 BUG。\r\n// https://bugs.webkit.org/show_bug.cgi?id=139848\r\ninput[type=date], input[type=time], input[type=datetime-local], input[type=month] {\r\n    -webkit-appearance: listbox;\r\n}\r\n\r\n// IE 10-：统一单选按钮和选择框默认对齐方式。\r\ninput[type=radio], input[type=checkbox] {\r\n    box-sizing: border-box;\r\n    padding: 0;\r\n\r\n    &[disabled] {\r\n        cursor: $cursor-disabled;\r\n    }\r\n}\r\n\r\n// Chrome: 修复数字框按钮大小。\r\n[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {\r\n    height: auto;\r\n}\r\n\r\n// 统一 HTML5 标签。\r\noutput {\r\n    display: inline-block;\r\n}\r\n\r\nsummary {\r\n    display: list-item;\r\n}\r\n\r\n// IE6-8：解决图片缩放质量变低问题。\r\nimg {\r\n    -ms-interpolation-mode: bicubic;\r\n}\r\n\r\n// IE6-8：支持 HTML5 新标签。\r\narticle, aside, section, header, footer, nav, menu, figcaption, figure, main, details, summary, hgroup {\r\n    display: block;\r\n}\r\n\r\n// IE6-8: 支持 HTML5 新标签。\r\naudio, video, canvas {\r\n    display: inline-block;\r\n}\r\n\r\n// 隐藏 <fieldset> 空节点。\r\n// https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\r\nfieldset {\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n    min-width: 0;\r\n    border: 0;\r\n    padding: 0;\r\n}\r\n\r\nlegend {\r\n    display: block;\r\n    margin-bottom: $margin-y-small;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 0;\r\n    color: inherit;\r\n    font-size: $font-size-large;\r\n    line-height: inherit;\r\n    white-space: normal;\r\n}\r\n\r\n// IE 8-11、Safari、Chrome: 添加下划线。\r\nabbr[title] {\r\n    border-bottom: 0;\r\n    text-decoration: underline dotted;\r\n    cursor: $cursor-help;\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":"AAAA;EAII,yBAAwB;CAC3B;;AAGD;EACI,kBAAiB;CACpB;;AAGD;EACI,qBAAoB;CACvB;;AAGD;EACI,oBAAmB;EACnB,2CAA0C;CAC7C;;AAID;EACI,4BAA2B;CAC9B;;AAGD;EACI,4BAAsB;OAAtB,uBAAsB;EACtB,WAAU;CAKb;;AAPD;EAKQ,oBC0FqB;CDzFxB;;AANL;EAWI,aAAY;CACf;;AAGD;EACI,sBAAqB;CACxB;;AAED;EACI,mBAAkB;CACrB;;AAGD;EACI,gCAA+B;CAClC;;AAGD;EACI,eAAc;CACjB;;AAGD;EACI,sBAAqB;CACxB;;AAID;EACI,eAAc;EACd,gBAAe;EACf,aAAY;EACZ,UAAS;EACT,WAAU;CACb;;AAED;EACI,eAAc;EACd,sBCDkB;EDElB,YAAW;EACX,gBAAe;EACf,WAAU;EACV,eAAc;EACd,gBCxBkB;EDyBlB,qBAAoB;EACpB,oBAAmB;CACtB;;AAGD;EACI,iBAAgB;EAChB,0CAAiC;KAAjC,uCAAiC;UAAjC,kCAAiC;EACjC,aC8Bc;CD7BjB"}