{"version":3,"file":"grid.css","sources":["grid.scss","configs.scss"],"sourcesContent":["@import \"configs\";\r\n\r\n$grid-column-count: 24 !default;\r\n$grid-avg-count: 6 !default;\r\n$grid-container-max-width: 1200px !default;\r\n$grid-gutter-y: $margin-y !default;\r\n$grid-gutter-x: $margin-x !default;\r\n\r\n.x-row {\r\n    @include clear();\r\n    margin: 0 (-$grid-gutter-x / 2);\r\n\r\n    &:first-child {\r\n        margin-top: -$grid-gutter-y;\r\n    }\r\n\r\n    &:empty {\r\n        margin-top: 0;\r\n    }\r\n}\r\n\r\n.x-col, .x-container {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    padding: 0 $grid-gutter-x / 2;\r\n}\r\n\r\n.x-col {\r\n    float: left;\r\n    margin-top: $grid-gutter-y;\r\n\r\n    &:empty {\r\n        padding: 0;\r\n    }\r\n}\r\n\r\n.x-container {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    max-width: $grid-container-max-width;\r\n}\r\n\r\n.x-row-avg {\r\n    display: table;\r\n    margin-bottom: $grid-gutter-y;\r\n    width: 100%;\r\n    table-layout: fixed;\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    &::after {\r\n        content: none;\r\n    }\r\n\r\n    > .x-col {\r\n        display: table-cell;\r\n        float: none;\r\n        width: 100% !important;\r\n    }\r\n}\r\n\r\n@include screen {\r\n    @for $i from 1 through $grid-avg-count {\r\n        .x-row#{$screen-postfix}-#{$i} > .x-col {\r\n            width: 100% / $i !important;\r\n        }\r\n    }\r\n\r\n    @for $i from 1 through $grid-column-count {\r\n        .x-col#{$screen-postfix}-#{$i} {\r\n            width: 100% * $i / $grid-column-count !important;\r\n        }\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":"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"}