{"version":3,"file":"reset.css","sources":["reset.scss","configs.scss"],"sourcesContent":["@import \"configs\";\r\n\r\n$h1-font-size: 2.125rem !default;\r\n$h2-font-size: 1.75rem !default;\r\n$h3-font-size: 1.5rem !default;\r\n$h4-font-size: 1.25rem !default;\r\n$h5-font-size: 1rem !default;\r\n$h6-font-size: .875rem !default;\r\n\r\n$link-color: $primary-color !default;\r\n$link-color-hover: darken($primary-color, 14%) !default;\r\n$link-decoration: none !default;\r\n$link-decoration-hover: underline !default;\r\n\r\n$code-font-size: 95% !default;\r\n$code-padding: .2rem .4rem !default;\r\n$code-text-color: #e75242 !default;\r\n$code-background-color: $background-color-dark !default;\r\n\r\n$kbd-text-color: #fff !default;\r\n$kbd-background-color: #22272d !default;\r\n\r\ninput, button, textarea, select, optgroup {\r\n    margin: 0; // FF、SF：统一表单元素默认边距。\r\n    font: inherit; // 统一表单元素默认字体。\r\n}\r\n\r\n// 修复中文和输入框垂直未对齐问题。\r\ninput[type=checkbox], input[type=radio], img {\r\n    vertical-align: middle;\r\n}\r\n\r\n// SF：删除默认的搜索框圆角样式。\r\ninput[type=search] {\r\n    -webkit-appearance: textfield;\r\n    outline-offset: -2px;\r\n}\r\n\r\n// FF 4+：删除按钮自带的 2px 边距。\r\ninput::-moz-focus-inner, button::-moz-focus-inner {\r\n    border: 0;\r\n    padding: 0;\r\n}\r\n\r\n// IOS：修复无法更改按钮样式的BUG。\r\n// AN 4 WK：追加 html 限定以避免无法显示 <audio> 和 <video> 的 BUG。\r\nhtml input[type=button], input[type=reset], input[type=submit], button {\r\n    -webkit-appearance: button;\r\n}\r\n\r\n::-webkit-file-upload-button {\r\n    -webkit-appearance: button; // IOS：修复无法更改上传按钮样式 的 BUG。\r\n    font: inherit; // 统一表单元素默认字体。\r\n}\r\n\r\ntextarea {\r\n    vertical-align: top; // 令文本域默认和文字对齐方式。\r\n    resize: vertical; // 令用户只能调整多行文本框高度以避免破坏页面布局。\r\n}\r\n\r\n// 触屏：禁止鼠标事件的 300ms 延时。\r\na, label, input, button, textarea, select, area, summary {\r\n    touch-action: manipulation;\r\n}\r\n\r\n// 删除链接内图片边框。\r\nimg {\r\n    border-style: none;\r\n}\r\n\r\n// IE 6-11、SF、FF 2-21：支持 HTML5 <template>。\r\n// 隐藏缺少 controls 的 <audio>。\r\ntemplate, audio:not([controls]) {\r\n    display: none;\r\n}\r\n\r\n// IE 10-：支持 HTML5 hidden 属性。\r\n[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n// IE 9+：隐藏 <svg> 超出画布部分。\r\nsvg:not(:root) {\r\n    overflow: hidden;\r\n}\r\n\r\n// 避免 <sub> 和 <sup> 影响行高。\r\nsub, sup {\r\n    line-height: 0;\r\n}\r\n\r\n// IE10+：避免 <meta name=\"viewport\"> 在有些时候不生效的问题。\r\n@at-root {\r\n    @-ms-viewport {\r\n        width: device-width;\r\n    }\r\n}\r\n\r\nhtml {\r\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // WK：隐藏触摸时的灰色阴影。\r\n    -webkit-text-size-adjust: 100%; // IOS、IE：避免设备方向改变后字体大小更改影响布局。\r\n    -ms-text-size-adjust: 100%;\r\n    -ms-overflow-style: scrollbar; // IE11+：避免设置 @viewport 导致滚动条消失。\r\n    font-size: $font-size;\r\n}\r\n\r\nbody {\r\n    background-color: $background-color; // 覆盖系统默认背景。\r\n    color: $text-color;\r\n    font-family: $font-family;\r\n    font-weight: $font-weight;\r\n    line-height: $line-height;\r\n}\r\n\r\nbody, ul ul, ul ol, ol ul, ol ol, dd, th, td {\r\n    margin: 0;\r\n}\r\n\r\np, ul, ol, dl, table, pre, hr, blockquote, figure, fieldset, address {\r\n    margin: 0 0 $margin-y;\r\n\r\n    &:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n    margin: $margin-y-large 0 $margin-y-small;\r\n    color: $text-color-dark;\r\n    font-weight: $font-weight-large;\r\n\r\n    &:first-child {\r\n        margin-top: 0;\r\n    }\r\n\r\n    &:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n\r\nh1 {\r\n    font-size: $h1-font-size;\r\n}\r\n\r\nh2 {\r\n    font-size: $h2-font-size;\r\n}\r\n\r\nh3 {\r\n    font-size: $h3-font-size;\r\n}\r\n\r\nh4 {\r\n    font-size: $h4-font-size;\r\n}\r\n\r\nh5 {\r\n    font-size: $h5-font-size;\r\n}\r\n\r\nh6 {\r\n    font-size: $h6-font-size;\r\n}\r\n\r\np, li, dt, dd {\r\n    line-height: $line-height-large; // 中文：多行文本增加行距更美观。\r\n}\r\n\r\ndt {\r\n    font-weight: bold;\r\n\r\n    dd + & {\r\n        margin-top: $margin-y-small;\r\n    }\r\n}\r\n\r\ntable {\r\n    empty-cells: show;\r\n    border-spacing: 0; // 删除默认边距。\r\n    border-collapse: collapse; // 禁止双边框。\r\n}\r\n\r\nth, td {\r\n    border: 1px solid $border-color;\r\n    padding: $padding-y $padding-x;\r\n    text-align: left;\r\n}\r\n\r\npre, code, kbd {\r\n    border-radius: $border-radius-small;\r\n    padding: $code-padding;\r\n    background-color: $code-background-color;\r\n    color: $code-text-color;\r\n    font-family: $font-family-monospace;\r\n    font-size: $code-font-size;\r\n}\r\n\r\npre {\r\n    padding: $padding-y $padding-x;\r\n    color: inherit;\r\n\r\n    code {\r\n        border-radius: 0;\r\n        padding: 0;\r\n        background-color: transparent;\r\n        color: inherit;\r\n    }\r\n}\r\n\r\nhr {\r\n    box-sizing: content-box; // FF：统一浏览器行为。\r\n    height: 0;\r\n    overflow: visible; // IE、Edge：显示可见部分。\r\n    border-width: 1px 0 0;\r\n    border-style: solid;\r\n    border-color: $border-color;\r\n}\r\n\r\naddress {\r\n    font-style: normal; // 统一为非斜体。\r\n}\r\n\r\na {\r\n    -webkit-text-decoration-skip: objects; // IOS 8+、SF 8+：删除触摸时的下划线。\r\n    background-color: transparent; // IE10：删除激活时的灰色。\r\n    color: $link-color;\r\n    text-decoration: $link-decoration;\r\n\r\n    &:hover {\r\n        color: $link-color-hover;\r\n        text-decoration: $link-decoration-hover;\r\n    }\r\n\r\n    &:not([href]):not([tabindex]) {\r\n        color: inherit; // 非链接的 a 标签不需要链接样式。\r\n        text-decoration: inherit;\r\n    }\r\n}\r\n\r\nsmall {\r\n    color: $text-color-light;\r\n    font-size: $font-size-small;\r\n    font-weight: $font-weight;\r\n}\r\n\r\nkbd {\r\n    background-color: $kbd-background-color;\r\n    color: $kbd-text-color;\r\n}\r\n\r\n::placeholder {\r\n    color: $text-color-light;\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":"AAsBA;EACI,UAAS;EACT,cAAa;CAChB;;AAGD;EACI,uBAAsB;CACzB;;AAGD;EACI,8BAA6B;EAC7B,qBAAoB;CACvB;;AAGD;EACI,UAAS;EACT,WAAU;CACb;;AAID;EACI,2BAA0B;CAC7B;;AAED;EACI,2BAA0B;EAC1B,cAAa;CAChB;;AAED;EACI,oBAAmB;EACnB,iBAAgB;CACnB;;AAGD;EACI,+BAA0B;MAA1B,2BAA0B;CAC7B;;AAGD;EACI,mBAAkB;CACrB;;AAID;EACI,cAAa;CAChB;;AA7BD;EAiCI,yBAAwB;CAC3B;;AAGD;EACI,iBAAgB;CACnB;;AAGD;EACI,eAAc;CACjB;;AAIG;EACI,oBAAmB;CAnC1B;;AAuCD;EACI,yCAA6C;EAC7C,+BAA8B;EAC9B,2BAA0B;EAC1B,8BAA6B;EAC7B,gBC3CY;CD4Cf;;AAED;EACI,uBChGmB;EDiGnB,YCtGa;EDuGb,8LCtD0L;EDuD1L,oBC7CgB;ED8ChB,iBCzCa;CD0ChB;;AAED;EACI,UAAS;CACZ;;AAED;EACI,iBC5CW;CDiDd;;AAND;EAIQ,iBAAgB;CACnB;;AAGL;EACI,wBChDkB;EDiDlB,YCzHkB;ED0HlB,iBC/DmB;CDwEtB;;AAZD;EAMQ,cAAa;CAChB;;AAPL;EAUQ,iBAAgB;CACnB;;AAGL;EACI,oBA3ImB;CA4ItB;;AAED;EACI,mBA9IkB;CA+IrB;;AAED;EACI,kBAjJiB;CAkJpB;;AAED;EACI,mBApJkB;CAqJrB;;AAED;EACI,gBAvJe;CAwJlB;;AAED;EACI,oBA1JkB;CA2JrB;;AAED;EACI,kBC9FoB;CD+FvB;;AAED;EACI,kBAAiB;CAKpB;;AAHG;EACI,mBC7Fc;CD8FjB;;AAGL;EACI,kBAAiB;EACjB,kBAAiB;EACjB,0BAAyB;CAC5B;;AAED;EACI,0BCvKkB;EDwKlB,uBCpGY;EDqGZ,iBAAgB;CACnB;;AAED;EACI,uBC3FwB;ED4FxB,uBA/KsB;EAgLtB,0BCnL2B;EDoL3B,eAhLqB;EAiLrB,mICxIyI;EDyIzI,eApLgB;CAqLnB;;AAED;EACI,uBClHY;EDmHZ,eAAc;CAQjB;;AAVD;EAKQ,iBAAgB;EAChB,WAAU;EACV,8BAA6B;EAC7B,eAAc;CACjB;;AAGL;EACI,6BAAuB;OAAvB,wBAAuB;EACvB,UAAS;EACT,kBAAiB;EACjB,sBAAqB;EACrB,oBAAmB;EACnB,sBCvMkB;CDwMrB;;AAED;EACI,mBAAkB;CACrB;;AAED;EACI,sCAAqC;EACrC,8BAA6B;EAC7B,eChOmB;EDiOnB,sBAvNkB;CAkOrB;;AAfD;EAOQ,eA3NsC;EA4NtC,2BA1NyB;CA2N5B;;AATL;EAYQ,eAAc;EACd,yBAAwB;CAC3B;;AAGL;EACI,YCxOmB;EDyOnB,iBCnLmB;EDoLnB,oBCjLgB;CDkLnB;;AAED;EACI,0BAlO0B;EAmO1B,YApOiB;CAqOpB;;AAED;EACI,YCnPmB;CDoPtB;;AAFD;EACI,YCnPmB;CDoPtB;;AAFD;EACI,YCnPmB;CDoPtB;;AAFD;EACI,YCnPmB;CDoPtB;;AAFD;EACI,YCnPmB;CDoPtB;;AAFD;EACI,YCnPmB;CDoPtB"}