diff --git a/.babelrc b/.babelrc index 9f7a7c2..7424e41 100644 --- a/.babelrc +++ b/.babelrc @@ -5,16 +5,7 @@ ], "plugins": [ "transform-runtime", - "transform-vue-jsx", - [ - "component", - [ - { - "libraryName": "element-ui", - "styleLibraryName": "~src/css/theme" - } - ] - ] + "transform-vue-jsx" ], "comments": false, "env": { diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js index dce9606..244f00a 100644 --- a/build/webpack.base.conf.js +++ b/build/webpack.base.conf.js @@ -73,7 +73,7 @@ module.exports = { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { - limit: 10240, + limit: 1024, name: utils.assetsPath('fonts/[name].[ext]') } } diff --git a/config/index.js b/config/index.js index 1e8d704..7d272f9 100644 --- a/config/index.js +++ b/config/index.js @@ -7,8 +7,8 @@ module.exports = { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', - assetsPublicPath: '/', - // assetsPublicPath: '/Vue-Admin/', + // assetsPublicPath: '/', + assetsPublicPath: '/Vue-Admin/', productionSourceMap: true, // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static assets for you. diff --git a/package.json b/package.json index aca78d7..5e17266 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "dev": "node build/dev-server.js", "build": "node build/build.js", "lint": "eslint --ext .js,.vue src", - "mock": "babel-node build/mock-server.js --presets es2015,stage-2", + "mock": "babel-node build/mock-server.js --presets es2015,stage-0", "mockdev": "npm run dev & npm run mock" }, "dependencies": { @@ -48,8 +48,6 @@ "connect-history-api-fallback": "^1.3.0", "copy-webpack-plugin": "^4.0.1", "css-loader": "^0.28.7", - "element-theme": "^0.7.2", - "element-theme-default": "^1.4.3", "errorhandler": "^1.5.0", "eslint": "^4.6.1", "eslint-config-standard": "^10.2.1", @@ -94,15 +92,5 @@ "> 1%", "last 2 versions", "not ie <= 8" - ], - "element-theme": { - "browsers": [ - "ie > 9", - "last 2 versions" - ], - "out": "./src/css/theme", - "config": "./src/css/element-variables.css", - "theme": "element-theme-default", - "minimize": false - } + ] } diff --git a/src/App.vue b/src/App.vue index 13c345c..d1f9acf 100644 --- a/src/App.vue +++ b/src/App.vue @@ -22,7 +22,6 @@ </template> <script> - import 'babel-polyfill' import Vue from 'vue' import sideMenu from './components/sideMenu.vue' import impHeader from "./pages/layout/header.vue" diff --git a/src/api.js b/src/api.js index 2a59b69..8cdfd44 100644 --- a/src/api.js +++ b/src/api.js @@ -1,5 +1,5 @@ -export const CONTEXT = './api'; -// export const CONTEXT = './Vue-Admin'; +// export const CONTEXT = './api'; +export const CONTEXT = './Vue-Admin'; export const LOGIN = CONTEXT + '/login'; export const LOGOUT = CONTEXT + '/logout'; diff --git a/src/css/element-variables.css b/src/css/element-variables.css deleted file mode 100644 index 6799e3b..0000000 --- a/src/css/element-variables.css +++ /dev/null @@ -1,605 +0,0 @@ -:root { - - /* Transition - -------------------------- */ - --all-transition: all .3s cubic-bezier(.645,.045,.355,1); - --fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); - --fade-linear-transition: opacity 200ms linear; - --md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - --border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1); - --color-transition-base: color .2s cubic-bezier(.645,.045,.355,1); - - /* 修改主色调 - -------------------------- */ - --color-primary: #20a0ff; - - --color-success: #13ce66; - --color-warning: #f7ba2a; - --color-danger: #ff4949; - --color-info: #50bfff; - - --color-secondary: color(var(--color-primary) s(99%) l(*0.9)); - --color-white: #fff; - --color-dark-white: color(var(--color-white) blend(var(--color-primary) 2%)); - --color-black: #000; - - --color-base-black: color(var(--color-primary) h(+6) s(33%) l(18%)); - --color-light-black: color(var(--color-base-black) h(+5) s(27%) l(27%)); - --color-extra-light-black: color(var(--color-base-black) h(+2) s(19%) l(35%)); - - --color-base-silver: color(var(--color-base-black) h(+3) s(16%) l(58%)); - --color-light-silver: color(var(--color-base-black) h(+3) s(23%) l(67%)); - --color-extra-light-silver: color(var(--color-base-black) s(26%) l(80%)); - - --color-base-gray: color(var(--color-base-black) s(28%) l(86%)); - --color-light-gray: color(var(--color-base-black) h(+10) s(33%) l(92%)); - --color-extra-light-gray: color(var(--color-base-black) h(+6) s(33%) l(95%)); - - /* Link - -------------------------- */ - --link-color: var(--color-extra-light-black); - --link-hover-color: var(--color-primary); - - /* Border - -------------------------- */ - --border-width-base: 1px; - --border-style-base: solid; - --border-color-base: var(--color-extra-light-silver); - --border-color-hover: var(--color-base-silver); - --border-base: var(--border-width-base) var(--border-style-base) var(--border-color-base); - --border-radius-base: 4px; - --border-radius-small: 2px; - --border-radius-circle: 100%; - - /* Box-shadow - -------------------------- */ - --box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); - - /* Fill - -------------------------- */ - --fill-base: var(--color-white); - - /* Font - -------------------------- */ - --font-size-base: 14px; - --font-color-base: var(--color-base-black); - --font-color-disabled-base: #bbb; - - /* Size - -------------------------- */ - --size-base: 14px; - - /* z-index - -------------------------- */ - --index-normal: 1; - --index-top: 1000; - --index-popper: 2000; - - /* Disable base - -------------------------- */ - --disabled-fill-base: var(--color-extra-light-gray); - --disabled-color-base: #bbb; - --disabled-border-base: var(--color-base-gray); - - /* Icon - -------------------------- */ - --icon-color: #666; - - /* Checkbox - -------------------------- */ - --checkbox-font-size: 14px; - --checkbox-color: var(--color-base-black); - --checkbox-input-height: 18px; - --checkbox-input-width: 18px; - --checkbox-input-border-radius: var(--border-radius-base); - --checkbox-input-fill: var(--color-white); - --checkbox-input-border: var(--border-base); - --checkbox-input-border-color: var(--border-color-base); - --checkbox-icon-color: var(--color-white); - - --checkbox-disabled-input-border-color: var(--disabled-border-base); - --checkbox-disabled-input-fill: var(--disabled-fill-base); - --checkbox-disabled-icon-color: var(--disabled-fill-base); - - --checkbox-disabled-checked-input-fill: var(--disabled-border-base); - --checkbox-disabled-checked-input-border-color: var(--disabled-border-base); - --checkbox-disabled-checked-icon-color: var(--color-white); - - --checkbox-checked-input-border-color: var(--color-secondary); - --checkbox-checked-input-fill: var(--color-primary); - --checkbox-checked-icon-color: var(--fill-base); - - --checkbox-input-border-color-hover: var(--color-primary); - - --checkbox-button-font-size: var(--font-size-base); - --checkbox-button-checked-fill: var(--color-primary); - --checkbox-button-checked-color: var(--color-white); - --checkbox-button-checked-border-color: var(--color-primary); - - - - /* Radio - -------------------------- */ - --radio-font-size: 14px; - --radio-color: var(--color-base-black); - --radio-input-height: 18px; - --radio-input-width: 18px; - --radio-input-border-radius: var(--border-radius-circle); - --radio-input-fill: var(--color-white); - --radio-input-border: var(--border-base); - --radio-input-border-color: var(--border-color-base); - --radio-icon-color: var(--color-white); - - --radio-disabled-input-border-color: var(--disabled-border-base); - --radio-disabled-input-fill: var(--disabled-fill-base); - --radio-disabled-icon-color: var(--disabled-fill-base); - - --radio-disabled-checked-input-fill: var(--disabled-border-base); - --radio-disabled-checked-input-border-color: var(--disabled-border-base); - --radio-disabled-checked-icon-color: var(--color-white); - - --radio-checked-input-border-color: var(--color-primary); - --radio-checked-input-fill: var(--color-white); - --radio-checked-icon-color: var(--color-primary); - - --radio-input-border-color-hover: var(--color-primary); - - --radio-button-font-size: var(--font-size-base); - --radio-button-checked-fill: var(--color-primary); - --radio-button-checked-color: var(--color-white); - --radio-button-checked-border-color: var(--color-primary); - - /* Select - -------------------------- */ - --select-border-color-hover: var(--border-color-hover); - --select-disabled-border: var(--disabled-border-base); - --select-font-size: var(--font-size-base); - --select-close-hover-color: var(--color-light-silver); - - --select-input-color: var(--color-extra-light-silver); - --select-multiple-input-color: #666; - --select-input-focus-background: var(--color-primary); - --select-input-font-size: 12px; - - --select-tag-height: 24px; - --select-tag-color: var(--color-white); - --select-tag-background: var(--color-primary); - - --select-option-color: var(--link-color); - --select-option-disabled-color: var(--color-extra-light-silver); - --select-option-disabled-background: var(--color-white); - --select-option-height: 36px; - --select-option-hover-background: var(--color-light-gray); - --select-option-selected: var(--color-primary); - --select-option-selected-hover: shade(var(--color-primary), 0.12); - - --select-group-color: #999; - --select-group-height: 30px; - --select-group-font-size: 12px; - - --select-dropdown-background: var(--color-white); - --select-dropdown-shadow: var(--box-shadow-base); - --select-dropdown-empty-color: #999; - --select-dropdown-max-height: 274px; - --select-dropdown-padding: 6px 0; - --select-dropdown-empty-padding: 10px 0; - --select-dropdown-border: solid 1px var(--disabled-border-base); - - /* Alert - -------------------------- */ - --alert-padding: 8px 16px; - --alert-border-radius: var(--border-radius-base); - --alert-title-font-size: 13px; - --alert-description-font-size: 12px; - --alert-close-font-size: 12px; - --alert-close-customed-font-size: 13px; - - --alert-success-color: var(--color-success); - --alert-info-color: var(--color-info); - --alert-warning-color: var(--color-warning); - --alert-danger-color: var(--color-danger); - - --alert-icon-size: 16px; - --alert-icon-large-size: 28px; - - /* Message Box - -------------------------- */ - --msgbox-width: 420px; - --msgbox-border-radius: 3px; - --msgbox-font-size: 16px; - --msgbox-content-font-size: 14px; - --msgbox-content-color: var(--link-color); - --msgbox-error-font-size: 12px; - - --msgbox-success-color: var(--color-success); - --msgbox-info-color: var(--color-info); - --msgbox-warning-color: var(--color-warning); - --msgbox-danger-color: var(--color-danger); - - /* Message - -------------------------- */ - --message-shadow: var(--box-shadow-base); - --message-min-width: 300px; - --message-padding: 10px 12px; - --message-content-color: var(--border-color-hover); - --message-close-color: var(--color-extra-light-silver); - --message-close-hover-color: var(--color-light-silver); - - --message-success-color: var(--color-success); - --message-info-color: var(--color-info); - --message-warning-color: var(--color-warning); - --message-danger-color: var(--color-danger); - - /* Notification - -------------------------- */ - --notification-width: 330px; - --notification-padding: 20px; - --notification-shadow: var(--box-shadow-base); - --notification-icon-size: 40px; - --notification-font-size: var(--font-size-base); - --notification-color: var(--border-color-hover); - --notification-title-font-size: 16px; - --notification-title-color: var(--color-base-black); - - --notification-close-color: var(--color-extra-light-silver); - --notification-close-hover-color: var(--color-light-silver); - - --notification-success-color: var(--color-success); - --notification-info-color: var(--color-info); - --notification-warning-color: var(--color-warning); - --notification-danger-color: var(--color-danger); - - /* Input - -------------------------- */ - --input-font-size: var(--font-size-base); - --input-color: var(--font-color-base); - --input-width: 140px; - --input-height: 36px; - --input-border: var(--border-base); - --input-border-color: var(--border-color-base); - --input-border-radius: var(--border-radius-base); - --input-border-color-hover: var(--border-color-hover); - --input-fill: var(--color-white); - --input-fill-disabled: var(--disabled-fill-base); - --input-color-disabled: var(--font-color-disabled-base); - --input-icon-color: var(--color-extra-light-silver); - --input-placeholder-color: var(--color-light-silver); - --input-max-width: 314px; - - --input-hover-border: var(--border-color-hover); - - --input-focus-border: var(--color-primary); - --input-focus-fill: var(--color-white); - - --input-disabled-fill: var(--disabled-fill-base); - --input-disabled-border: var(--disabled-border-base); - --input-disabled-color: var(--disabled-color-base); - --input-disabled-placeholder-color: var(--color-extra-light-silver); - - --input-large-font-size: 16px; - --input-large-height: 42px; - - --input-small-font-size: 13px; - --input-small-height: 30px; - - --input-mini-font-size: 12px; - --input-mini-height: 22px; - - /* Cascader - -------------------------- */ - --cascader-menu-fill: var(--fill-base); - --cascader-menu-font-size: var(--font-size-base); - --cascader-menu-radius: var(--border-radius-base); - --cascader-menu-border: var(--border-base); - --cascader-menu-border-color: var(--border-color-base); - --cascader-menu-border-width: var(--border-width-base); - --cascader-menu-color: var(--font-color-base); - --cascader-menu-option-color-active: var(--color-secondary); - --cascader-menu-option-fill-active: rgba(var(--color-secondary), 0.12); - --cascader-menu-option-color-hover: var(--font-color-base); - --cascader-menu-option-fill-hover: rgba(var(--color-black), 0.06); - --cascader-menu-option-color-disabled: #999; - --cascader-menu-option-fill-disabled: rgba(var(--color-black), 0.06); - --cascader-menu-option-empty-color: #666; - --cascader-menu-group-color: #999; - --cascader-menu-shadow: 0 1px 2px rgba(var(--color-black), 0.14), 0 0 3px rgba(var(--color-black), 0.14); - --cascader-menu-option-pinyin-color: #999; - --cascader-menu-submenu-shadow: 1px 1px 2px rgba(var(--color-black), 0.14), 1px 0 2px rgba(var(--color-black), 0.14); - - /* Group - -------------------------- */ - --group-option-flex: 0 0 (1/5) * 100%; - --group-option-offset-bottom: 12px; - --group-option-fill-hover: rgba(var(--color-black), 0.06); - --group-title-color: var(--color-black); - --group-title-font-size: var(--font-size-base); - --group-title-width: 66px; - - /* Tab - -------------------------- */ - --tab-font-size: var(--font-size-base); - --tab-border-line: 1px solid #e4e4e4; - --tab-header-color-active: var(--color-secondary); - --tab-header-color-hover: var(--font-color-base); - --tab-header-color: var(--font-color-base); - --tab-header-fill-active: rgba(var(--color-black), 0.06); - --tab-header-fill-hover: rgba(var(--color-black), 0.06); - --tab-vertical-header-width: 90px; - --tab-vertical-header-count-color: var(--color-white); - --tab-vertical-header-count-fill: var(--color-secondary); - - /* Button - -------------------------- */ - --button-font-size: 14px; - --button-border-radius: var(--border-radius-base); - --button-padding-vertical: 10px; - --button-padding-horizontal: 15px; - - --button-large-font-size: 16px; - --button-large-padding-vertical: 11px; - --button-large-padding-horizontal: 19px; - - --button-small-font-size: 12px; - --button-small-padding-vertical: 7px; - --button-small-padding-horizontal: 9px; - - --button-mini-font-size: 12px; - --button-mini-padding-vertical: 4px; - --button-mini-padding-horizontal: 4px; - - --button-default-color: var(--color-base-black); - --button-default-fill: var(--color-white); - --button-default-border: #c4c4c4; - - --button-ghost-color: #666; - --button-ghost-fill: transparent; - --button-ghost-border: none; - - --button-disabled-color: var(--color-extra-light-silver); - --button-disabled-fill: var(--color-extra-light-gray); - --button-disabled-border: var(--disabled-border-base); - - --button-primary-border: var(--color-primary); - --button-primary-color: var(--color-white); - --button-primary-fill: var(--color-primary); - - --button-success-border: var(--color-success); - --button-success-color: var(--color-white); - --button-success-fill: var(--color-success); - - --button-warning-border: var(--color-warning); - --button-warning-color: var(--color-white); - --button-warning-fill: var(--color-warning); - - --button-danger-border: var(--color-danger); - --button-danger-color: var(--color-white); - --button-danger-fill: var(--color-danger); - - --button-info-border: var(--color-info); - --button-info-color: var(--color-white); - --button-info-fill: var(--color-info); - - --button-hover-tint-percent: 20%; - --button-active-shade-percent: 10%; - - - /* cascader - -------------------------- */ - --cascader-height: 200px; - - /* Switch - -------------------------- */ - --switch-on-color: var(--color-primary); - --switch-off-color: var(--color-extra-light-silver); - --switch-disabled-color: var(--color-light-gray); - --switch-disabled-text-color: var(--color-dark-white); - - --switch-font-size: var(--font-size-base); - --switch-core-border-radius: 12px; - --switch-width: 46px; - --switch-height: 22px; - --switch-button-size: 16px; - - /* Dialog - -------------------------- */ - --dialog-background-color: var(--color-secondary); - --dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - --dialog-tiny-width: 30%; - --dialog-small-width: 50%; - --dialog-large-width: 90%; - --dialog-close-color: var(--color-extra-light-silver); - --dialog-close-hover-color: var(--color-primary); - --dialog-title-font-size: 16px; - --dialog-font-size: 14px; - - /* Table - -------------------------- */ - --table-border-color: color(var(--border-color-base) h(-3) s(27%) l(90%)); - --table-text-color: var(--color-base-black); - --table-header-background: var(--color-extra-light-gray); - --table-footer-background: var(--color-dark-white); - - /* Pagination - -------------------------- */ - --pagination-font-size: 13px; - --pagination-fill: var(--color-white); - --pagination-color: var(--link-color); - --pagination-border-radius: 2px; - --pagination-button-color: var(--color-light-silver); - --pagination-button-size: 28px; - --pagination-button-disabled-color: #e4e4e4; - --pagination-button-disabled-fill: var(--color-white); - --pagination-border-color: var(--disabled-border-base); - --pagination-hover-fill: var(--color-primary); - --pagination-hover-color: var(--color-white); - - /* Popover - -------------------------- */ - --popover-fill: var(--color-white); - --popover-font-size: 12px; - --popover-border-color: var(--disabled-border-base); - --popover-arrow-size: 6px; - --popover-padding: 10px; - --popover-title-font-size: 13px; - --popover-title-color: var(--color-base-black); - - /* Tooltip - -------------------------- */ - --tooltip-fill: var(--color-base-black); - --tooltip-color: var(--color-white); - --tooltip-font-size: 12px; - --tooltip-border-color: var(--color-base-black); - --tooltip-arrow-size: 6px; - --tooltip-padding: 10px; - - /* Tag - -------------------------- */ - --tag-padding: 0 5px; - --tag-fill: var(--border-color-hover); - --tag-color: var(--color-white); - --tag-close-color: #666; - --tag-font-size: 12px; - --tag-border-radius: 4px; - - --tag-gray-fill: var(--color-light-gray); - --tag-gray-border: var(--color-light-gray); - --tag-gray-color: var(--link-color); - - --tag-primary-fill: rgba(var(--color-primary),0.10); - --tag-primary-border: rgba(var(--color-primary),0.20); - --tag-primary-color: var(--color-primary); - - --tag-success-fill: rgba(18,206,102,0.10); - --tag-success-border: rgba(18,206,102,0.20); - --tag-success-color: var(--color-success); - - --tag-warning-fill: rgba(247,186,41,0.10); - --tag-warning-border: rgba(247,186,41,0.20); - --tag-warning-color: var(--color-warning); - - --tag-danger-fill: rgba(255,73,73,0.10); - --tag-danger-border: rgba(255,73,73,0.20); - --tag-danger-color: var(--color-danger); - - /* Dropdown - -------------------------- */ - --dropdown-menu-box-shadow: var(--box-shadow-dark); - --dropdown-menuItem-hover-fill: var(--color-light-gray); - --dropdown-menuItem-hover-color: var(--link-color); - - /* Badge - -------------------------- */ - --badge-fill: var(--color-danger); - --badge-radius: 10px; - --badge-font-size: 12px; - --badge-padding: 6px; - --badge-size: 18px; - - /* Card - --------------------------*/ - --card-border-color: var(--disabled-border-base); - --card-border-radius: 4px; - --card-padding: 20px; - - /* Slider - --------------------------*/ - --slider-main-background-color: var(--color-primary); - --slider-runway-background-color: var(--color-light-gray); - --slider-button-hover-color: shade(var(--color-primary), 0.12); - --slider-stop-background-color: var(--color-extra-light-silver); - --slider-disable-color: var(--color-extra-light-silver); - - --slider-margin: 16px 0; - --slider-border-radius: 3px; - --slider-height: 4px; - --slider-button-size: 12px; - --slider-button-wrapper-size: 36px; - --slider-button-wrapper-offset: -16px; - - /* Steps - --------------------------*/ - --steps-border-color: var(--disabled-border-base); - --steps-border-radius: 4px; - --steps-padding: 20px; - - /* Menu - --------------------------*/ - --menu-item-color: var(--link-color); - --menu-item-fill: var(--color-extra-light-gray); - --menu-item-hover-fill: var(--disabled-border-base); - - --dark-menu-item-color: var(--link-color); - --dark-menu-item-fill: var(--color-light-black); - --dark-menu-item-hover-fill: var(--link-color); - - /* Rate - --------------------------*/ - --rate-height: 20px; - --rate-font-size: var(--font-size-base); - --rate-icon-size: 18px; - --rate-icon-margin: 6px; - --rate-icon-color: var(--color-extra-light-silver); - - /* DatePicker - --------------------------*/ - --datepicker-color: var(--link-color); - --datepicker-off-color: #ddd; - --datepicker-header-color: var(--border-color-hover); - --datepicker-icon-color: var(--color-light-silver); - --datepicker-border-color: var(--disabled-border-base); - --datepicker-inner-border-color: #e4e4e4; - --datepicker-cell-hover-color: var(--color-light-gray); - --datepicker-inrange-color: tint(var(--color-primary), 0.8); - --datepicker-inrange-hover-color: tint(var(--color-primary), 0.64); - --datepicker-active-color: var(--color-primary); - --datepicker-text-hover-color: var(--color-primary); - - /* Loading - --------------------------*/ - --loading-spinner-size: 42px; - --loading-fullscreen-spinner-size: 50px; - - /* Scrollbar - --------------------------*/ - --scrollbar-background-color: rgba(var(--color-light-silver), .3); - --scrollbar-hover-background-color: rgba(var(--color-light-silver), .5); - - /* Carousel - --------------------------*/ - --carousel-arrow-font-size: 12px; - --carousel-arrow-size: 36px; - --carousel-arrow-background: rgba(31, 45, 61, 0.11); - --carousel-arrow-hover-background: rgba(31, 45, 61, 0.23); - --carousel-indicator-width: 30px; - --carousel-indicator-height: 2px; - --carousel-indicator-padding-horizontal: 4px; - --carousel-indicator-padding-vertical: 12px; - --carousel-indicator-out-color: var(--border-color-hover); - - /* Collapse - --------------------------*/ - --collapse-border-color: color(var(--border-color-base) h(-3) s(27%) l(90%)); - --collapse-header-height: 43px; - --collapse-border-radius: 0; - --collapse-header-padding: 20px; - --collapse-header-fill: var(--color-white); - --collapse-header-color: var(--color-extra-light-black); - --collapse-header-size: 13px; - --collapse-content-fill: var(--color-dark-white); - --collapse-content-size: 13px; - --collapse-content-color: var(--color-base-black); - - /* Transfer - --------------------------*/ - --transfer-border-color: var(--color-base-gray); - --transfer-box-shadow: var(--box-shadow-base); - --transfer-panel-width: 200px; - --transfer-panel-header-height: 36px; - --transfer-panel-header-background: var(--color-dark-white); - --transfer-panel-footer-height: 36px; - --transfer-panel-body-height: 246px; - --transfer-item-height: 32px; - --transfer-item-hover-background: var(--color-light-gray); - --transfer-filter-height: 22px; -} diff --git a/src/css/theme/alert.css b/src/css/theme/alert.css deleted file mode 100644 index 85a6159..0000000 --- a/src/css/theme/alert.css +++ /dev/null @@ -1,265 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-alert{ - width: 100%; - padding: 8px 16px; - margin: 0; - box-sizing: border-box; - border-radius: 4px; - position: relative; - background-color: #fff; - overflow: hidden; - color: #fff; - opacity: 1; - display: table; - transition: opacity .2s; -} - -.el-alert .el-alert__description{ - color: #fff; - font-size: 12px; - margin: 5px 0 0 0; -} - -.el-alert--success{ - background-color: #13ce66; -} - -.el-alert--info{ - background-color: #50bfff; -} - -.el-alert--warning{ - background-color: #f7ba2a; -} - -.el-alert--error{ - background-color: #ff4949; -} - -.el-alert__content{ - display: table-cell; - padding: 0 8px; -} - -.el-alert__icon{ - font-size: 16px; - width: 16px; - display: table-cell; - color: #fff; - vertical-align: middle; -} - -.el-alert__icon.is-big{ - font-size: 28px; - width: 28px; -} - -.el-alert__title{ - font-size: 13px; - line-height: 18px; -} - -.el-alert__title.is-bold{ - font-weight: 700; -} - -.el-alert__closebtn{ - font-size: 12px; - color: #fff; - opacity: 1; - top: 12px; - right: 15px; - position: absolute; - cursor: pointer; -} - -.el-alert__closebtn.is-customed{ - font-style: normal; - font-size: 13px; - top: 9px; -} - -.el-alert-fade-enter, .el-alert-fade-leave-active { - opacity: 0; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/autocomplete.css b/src/css/theme/autocomplete.css deleted file mode 100644 index 3745a01..0000000 --- a/src/css/theme/autocomplete.css +++ /dev/null @@ -1,709 +0,0 @@ -@charset "UTF-8"; -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff; -} -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff; -} -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner{ - padding-right: 35px; -} -.el-input__icon.is-clickable{} -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165); -} -.el-input--large{ - font-size: 16px; -} -.el-input--large .el-input__inner{ - height: 42px; -} -.el-input--small{ - font-size: 13px; -} -.el-input--small .el-input__inner{ - height: 30px; -} -.el-input--mini{ - font-size: 12px; -} -.el-input--mini .el-input__inner{ - height: 22px; -} -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit; -} -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar{ - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar{ - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap{ - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default{} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{ - width: 0; - height: 0; -} -.el-scrollbar__thumb{ - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover{ - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar{ - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal{ - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div{ - height: 100%; -} -.el-scrollbar__bar.is-vertical{ - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div{ - width: 100%; -} - -.el-autocomplete{ - position: relative; - display: inline-block; -} - -.el-autocomplete-suggestion{ - margin: 5px 0; - box-shadow: 0 0 6px 0 rgba(0,0,0,0.04), 0 2px 4px 0 rgba(0,0,0,0.12); -} - -.el-autocomplete-suggestion li{ - list-style: none; - line-height: 36px; - padding: 0 10px; - margin: 0; - cursor: pointer; - color: rgb(72, 87, 106); - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.el-autocomplete-suggestion li:hover{ - background-color: rgb(228, 232, 241); -} - -.el-autocomplete-suggestion li.highlighted{ - background-color: #20a0ff; - color: #fff; -} - -.el-autocomplete-suggestion li:active{ - background-color: rgb(0, 130, 230); -} - -.el-autocomplete-suggestion li.divider{ - margin-top: 6px; - border-top: 1px solid rgb(209, 219, 229); -} - -.el-autocomplete-suggestion li.divider:last-child{ - margin-bottom: -6px; -} - -.el-autocomplete-suggestion.is-loading li{ - text-align: center; - height: 100px; - line-height: 100px; - font-size: 20px; - color: #999 -} - -.el-autocomplete-suggestion.is-loading li:after{ - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} - -.el-autocomplete-suggestion.is-loading li:hover{ - background-color: #fff; -} - -.el-autocomplete-suggestion.is-loading .el-icon-loading{ - vertical-align: middle; -} - -.el-autocomplete-suggestion__wrap{ - max-height: 280px; - overflow: auto; - background-color: #fff; - border: 1px solid rgb(209, 219, 229); - padding: 6px 0; - border-radius: 2px; - box-sizing: border-box; -} - -.el-autocomplete-suggestion__list{ - margin: 0; - padding: 0; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/badge.css b/src/css/theme/badge.css deleted file mode 100644 index b5e177f..0000000 --- a/src/css/theme/badge.css +++ /dev/null @@ -1,220 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-badge{ - position: relative; - vertical-align: middle; - display: inline-block -} - -.el-badge__content{ - background-color: #ff4949; - border-radius: 10px; - color: #fff; - display: inline-block; - font-size: 12px; - height: 18px; - line-height: 18px; - padding: 0 6px; - text-align: center; - white-space: nowrap; - border: 1px solid #fff -} - -.el-badge__content.is-dot{ - width: 8px; - height: 8px; - padding: 0; - right: 0; - border-radius: 50% -} - -.el-badge__content.is-fixed{ - top: 0; - right: 10px; - position: absolute; - transform: translateY(-50%) translateX(100%) -} - -.el-badge__content.is-fixed.is-dot{ - right: 5px -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/base.css b/src/css/theme/base.css deleted file mode 100644 index 21de0e9..0000000 --- a/src/css/theme/base.css +++ /dev/null @@ -1,410 +0,0 @@ -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -/* DEPRECATED */ -.fade-in-linear-enter-active, .fade-in-linear-leave-active { - transition: opacity 200ms linear -} -.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { - opacity: 0 -} -.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { - transition: opacity 200ms linear -} -.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { - opacity: 0 -} -.el-fade-in-enter-active, .el-fade-in-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1) -} -.el-fade-in-enter, .el-fade-in-leave-active { - opacity: 0 -} -.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1) -} -.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { - opacity: 0; - transform: scaleX(0) -} -.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center top -} -.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { - opacity: 0; - transform: scaleY(0) -} -.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center bottom -} -.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { - opacity: 0; - transform: scaleY(0) -} -.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { - opacity: 1; - transform: scale(1, 1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: top left -} -.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { - opacity: 0; - transform: scale(.45, .45) -} -.collapse-transition { - transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out -} -.horizontal-collapse-transition { - transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out -} -.el-list-enter-active, .el-list-leave-active { - transition: all 1s -} -.el-list-enter, .el-list-leave-active { - opacity: 0; - transform: translateY(-30px) -} -.el-opacity-transition { - transition: opacity .3s cubic-bezier(.55,0,.1,1) -} -@font-face { - font-family: 'element-icons'; - src: url('fonts/element-icons.woff?t=1472440741') format('woff'), /* chrome, firefox */ - url('fonts/element-icons.ttf?t=1472440741') format('truetype'); - /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ - font-weight: 400; - font-style: normal -} -[class^="el-icon-"], [class*=" el-icon-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'element-icons' !important; - speak: none; - font-style: normal; - font-weight: 400; - font-variant: normal; - text-transform: none; - line-height: 1; - vertical-align: baseline; - display: inline-block; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale -} -.el-icon-arrow-down:before { - content: "\e600" -} -.el-icon-arrow-left:before { - content: "\e601" -} -.el-icon-arrow-right:before { - content: "\e602" -} -.el-icon-arrow-up:before { - content: "\e603" -} -.el-icon-caret-bottom:before { - content: "\e604" -} -.el-icon-caret-left:before { - content: "\e605" -} -.el-icon-caret-right:before { - content: "\e606" -} -.el-icon-caret-top:before { - content: "\e607" -} -.el-icon-check:before { - content: "\e608" -} -.el-icon-circle-check:before { - content: "\e609" -} -.el-icon-circle-close:before { - content: "\e60a" -} -.el-icon-circle-cross:before { - content: "\e60b" -} -.el-icon-close:before { - content: "\e60c" -} -.el-icon-upload:before { - content: "\e60d" -} -.el-icon-d-arrow-left:before { - content: "\e60e" -} -.el-icon-d-arrow-right:before { - content: "\e60f" -} -.el-icon-d-caret:before { - content: "\e610" -} -.el-icon-date:before { - content: "\e611" -} -.el-icon-delete:before { - content: "\e612" -} -.el-icon-document:before { - content: "\e613" -} -.el-icon-edit:before { - content: "\e614" -} -.el-icon-information:before { - content: "\e615" -} -.el-icon-loading:before { - content: "\e616" -} -.el-icon-menu:before { - content: "\e617" -} -.el-icon-message:before { - content: "\e618" -} -.el-icon-minus:before { - content: "\e619" -} -.el-icon-more:before { - content: "\e61a" -} -.el-icon-picture:before { - content: "\e61b" -} -.el-icon-plus:before { - content: "\e61c" -} -.el-icon-search:before { - content: "\e61d" -} -.el-icon-setting:before { - content: "\e61e" -} -.el-icon-share:before { - content: "\e61f" -} -.el-icon-star-off:before { - content: "\e620" -} -.el-icon-star-on:before { - content: "\e621" -} -.el-icon-time:before { - content: "\e622" -} -.el-icon-warning:before { - content: "\e623" -} -.el-icon-delete2:before { - content: "\e624" -} -.el-icon-upload2:before { - content: "\e627" -} -.el-icon-view:before { - content: "\e626" -} -.el-icon-loading { - animation: rotating 1s linear infinite -} -.el-icon--right { - margin-left: 5px -} -.el-icon--left { - margin-right: 5px -} -@keyframes rotating { - 0% { - transform: rotateZ(0deg) - } - 100% { - transform: rotateZ(360deg) - } -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/breadcrumb-item.css b/src/css/theme/breadcrumb-item.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/breadcrumb-item.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/breadcrumb.css b/src/css/theme/breadcrumb.css deleted file mode 100644 index 663ad4c..0000000 --- a/src/css/theme/breadcrumb.css +++ /dev/null @@ -1,227 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-breadcrumb{ - font-size: 13px; - line-height: 1 -} - -.el-breadcrumb:before, .el-breadcrumb:after{ - display: table; - content: "" -} - -.el-breadcrumb:after{ - clear: both -} - -.el-breadcrumb__separator{ - margin: 0 8px; - color: rgb(191, 203, 217) -} - -.el-breadcrumb__item{ - float: left -} - -.el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a{} - -.el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover{ - color: rgb(151, 168, 190); - cursor: text -} - -.el-breadcrumb__item:last-child .el-breadcrumb__separator{ - display: none -} - -.el-breadcrumb__item__inner{} - -.el-breadcrumb__item__inner, .el-breadcrumb__item__inner a{ - transition: color .15s linear; - color: rgb(72, 87, 106) -} - -.el-breadcrumb__item__inner:hover, .el-breadcrumb__item__inner a:hover{ - color: #20a0ff; - cursor: pointer -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/button-group.css b/src/css/theme/button-group.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/button-group.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/button.css b/src/css/theme/button.css deleted file mode 100644 index 5a1dc05..0000000 --- a/src/css/theme/button.css +++ /dev/null @@ -1,665 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-button{ - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-color: #c4c4c4; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; -} - -.el-button + .el-button{ - margin-left: 10px; -} - -.el-button:hover, .el-button:focus{ - color: #20a0ff; - border-color: #20a0ff; -} - -.el-button:active{ - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - outline: none; -} - -.el-button::-moz-focus-inner{ - border: 0; -} - -.el-button [class*="el-icon-"]{} - -.el-button [class*="el-icon-"] + span{ - margin-left: 5px; -} - -.el-button.is-loading{ - position: relative; - pointer-events: none; -} - -.el-button.is-loading:before{ - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255,255,255,.35); -} - -.el-button.is-disabled{} - -.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); -} - -.el-button.is-disabled.el-button--text{ - background-color: transparent; -} - -.el-button.is-disabled.is-plain{} - -.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus{ - background-color: #fff; - border-color: rgb(209, 219, 229); - color: rgb(191, 203, 217); -} - -.el-button.is-active{ - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); -} - -.el-button.is-plain{} - -.el-button.is-plain:hover, .el-button.is-plain:focus{ - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} - -.el-button.is-plain:active{ - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} - -.el-button--primary{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} - -.el-button--primary:hover, .el-button--primary:focus{ - background: rgb(77, 179, 255); - border-color: rgb(77, 179, 255); - color: #fff; -} - -.el-button--primary:active{ - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; - outline: none; -} - -.el-button--primary.is-active{ - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; -} - -.el-button--primary.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} - -.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus{ - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} - -.el-button--primary.is-plain:active{ - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} - -.el-button--success{ - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} - -.el-button--success:hover, .el-button--success:focus{ - background: rgb(66, 216, 133); - border-color: rgb(66, 216, 133); - color: #fff; -} - -.el-button--success:active{ - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; - outline: none; -} - -.el-button--success.is-active{ - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; -} - -.el-button--success.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} - -.el-button--success.is-plain:hover, .el-button--success.is-plain:focus{ - background: #fff; - border-color: #13ce66; - color: #13ce66; -} - -.el-button--success.is-plain:active{ - background: #fff; - border-color: rgb(17, 185, 92); - color: rgb(17, 185, 92); - outline: none; -} - -.el-button--warning{ - color: #fff; - background-color: #f7ba2a; - border-color: #f7ba2a; -} - -.el-button--warning:hover, .el-button--warning:focus{ - background: rgb(249, 200, 85); - border-color: rgb(249, 200, 85); - color: #fff; -} - -.el-button--warning:active{ - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; - outline: none; -} - -.el-button--warning.is-active{ - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; -} - -.el-button--warning.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} - -.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus{ - background: #fff; - border-color: #f7ba2a; - color: #f7ba2a; -} - -.el-button--warning.is-plain:active{ - background: #fff; - border-color: rgb(222, 167, 38); - color: rgb(222, 167, 38); - outline: none; -} - -.el-button--danger{ - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} - -.el-button--danger:hover, .el-button--danger:focus{ - background: rgb(255, 109, 109); - border-color: rgb(255, 109, 109); - color: #fff; -} - -.el-button--danger:active{ - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; - outline: none; -} - -.el-button--danger.is-active{ - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; -} - -.el-button--danger.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} - -.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus{ - background: #fff; - border-color: #ff4949; - color: #ff4949; -} - -.el-button--danger.is-plain:active{ - background: #fff; - border-color: rgb(230, 66, 66); - color: rgb(230, 66, 66); - outline: none; -} - -.el-button--info{ - color: #fff; - background-color: #50bfff; - border-color: #50bfff; -} - -.el-button--info:hover, .el-button--info:focus{ - background: rgb(115, 204, 255); - border-color: rgb(115, 204, 255); - color: #fff; -} - -.el-button--info:active{ - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; - outline: none; -} - -.el-button--info.is-active{ - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; -} - -.el-button--info.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} - -.el-button--info.is-plain:hover, .el-button--info.is-plain:focus{ - background: #fff; - border-color: #50bfff; - color: #50bfff; -} - -.el-button--info.is-plain:active{ - background: #fff; - border-color: rgb(72, 172, 230); - color: rgb(72, 172, 230); - outline: none; -} - -.el-button--large{ - padding: 11px 19px; - font-size: 16px; - border-radius: 4px; -} - -.el-button--small{ - padding: 7px 9px; - font-size: 12px; - border-radius: 4px; -} - -.el-button--mini{ - padding: 4px 4px; - font-size: 12px; - border-radius: 4px; -} - -.el-button--text{ - border: none; - color: #20a0ff; - background: transparent; - padding-left: 0; - padding-right: 0; -} - -.el-button--text:hover, .el-button--text:focus{ - color: rgb(77, 179, 255); -} - -.el-button--text:active{ - color: rgb(29, 144, 230); -} - -.el-button-group{ - display: inline-block; - vertical-align: middle; -} - -.el-button-group:before, .el-button-group:after{ - display: table; - content: ""; -} - -.el-button-group:after{ - clear: both; -} - -.el-button-group .el-button--primary{} - -.el-button-group .el-button--primary:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--primary:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--primary:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--success{} - -.el-button-group .el-button--success:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--success:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--success:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--warning{} - -.el-button-group .el-button--warning:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--warning:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--warning:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--danger{} - -.el-button-group .el-button--danger:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--danger:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--danger:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--info{} - -.el-button-group .el-button--info:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--info:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button--info:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} - -.el-button-group .el-button{ - float: left; - position: relative; -} - -.el-button-group .el-button + .el-button{ - margin-left: 0; -} - -.el-button-group .el-button:first-child{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.el-button-group .el-button:last-child{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.el-button-group .el-button:not(:first-child):not(:last-child){ - border-radius: 0; -} - -.el-button-group .el-button:not(:last-child){ - margin-right: -1px; -} - -.el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active{ - z-index: 1; -} - -.el-button-group .el-button.is-active{ - z-index: 1; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/card.css b/src/css/theme/card.css deleted file mode 100644 index bb02d8d..0000000 --- a/src/css/theme/card.css +++ /dev/null @@ -1,200 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-card{ - border: 1px solid rgb(209, 219, 229); - border-radius: 4px; - background-color: #fff; - overflow: hidden; - box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), - 0px 0px 6px 0px rgba(0, 0, 0, .04) -} - -.el-card__header{ - padding: 18px 20px; - border-bottom: 1px solid rgb(209, 219, 229); - box-sizing: border-box -} - -.el-card__body{ - padding: 20px -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/carousel-item.css b/src/css/theme/carousel-item.css deleted file mode 100644 index a38a0e0..0000000 --- a/src/css/theme/carousel-item.css +++ /dev/null @@ -1,230 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-carousel{} - -.el-carousel__item{ - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: inline-block; - overflow: hidden; - z-index: 0 -} - -.el-carousel__item.is-animating{ - transition: transform .4s ease-in-out -} - -.el-carousel__item.is-active{ - z-index: 2 -} - -.el-carousel__item--card{ - width: 50%; - transition: transform .4s ease-in-out -} - -.el-carousel__item--card.is-in-stage{ - cursor: pointer; - z-index: 1 -} - -.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask{ - opacity: 0.12 -} - -.el-carousel__item--card.is-active{ - z-index: 2 -} - -.el-carousel__mask{ - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: #fff; - opacity: 0.24; - transition: .2s -}:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/carousel.css b/src/css/theme/carousel.css deleted file mode 100644 index 268d2e8..0000000 --- a/src/css/theme/carousel.css +++ /dev/null @@ -1,311 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-carousel{ - overflow-x: hidden; - position: relative; -} - -.el-carousel__container{ - position: relative; - height: 300px; -} - -.el-carousel__arrow{ - border: none; - outline: none; - padding: 0; - margin: 0; - width: 36px; - height: 36px; - cursor: pointer; - transition: .3s; - border-radius: 50%; - background-color: rgba(31, 45, 61, 0.11); - color: #fff; - position: absolute; - top: 50%; - z-index: 10; - transform: translateY(-50%); - text-align: center; - font-size: 12px; -} - -.el-carousel__arrow:hover{ - background-color: rgba(31, 45, 61, 0.23); -} - -.el-carousel__arrow i{ - cursor: pointer; -} - -.el-carousel__arrow--left{ - left: 16px; -} - -.el-carousel__arrow--right{ - right: 16px; -} - -.el-carousel__indicators{ - position: absolute; - list-style: none; - bottom: 0; - left: 50%; - transform: translateX(-50%); - margin: 0; - padding: 0; - z-index: 2; -} - -.el-carousel__indicators--outside{ - bottom: 26px; - text-align: center; - position: static; - transform: none; -} - -.el-carousel__indicators--outside .el-carousel__indicator:hover button { - opacity: 0.64; -} - -.el-carousel__indicators--outside button { - background-color: rgb(131, 145, 165); - opacity: 0.24; -} - -.el-carousel__indicators--labels{ - left: 0; - right: 0; - transform: none; - text-align: center; -} - -.el-carousel__indicators--labels .el-carousel__button { - width: auto; - height: auto; - padding: 2px 18px; - font-size: 12px; -} - -.el-carousel__indicators--labels .el-carousel__indicator { - padding: 6px 4px; -} - -.el-carousel__indicator{ - display: inline-block; - background-color: transparent; - padding: 12px 4px; - cursor: pointer; -} - -.el-carousel__indicator:hover button{ - opacity: 0.72; -} - -.el-carousel__indicator.is-active button{ - opacity: 1; -} - -.el-carousel__button{ - display: block; - opacity: 0.48; - width: 30px; - height: 2px; - background-color: #fff; - border: none; - outline: none; - padding: 0; - margin: 0; - cursor: pointer; - transition: .3s; -} - -.carousel-arrow-left-enter, .carousel-arrow-left-leave-active { - transform: translateY(-50%) translateX(-10px); - opacity: 0; -} - -.carousel-arrow-right-enter, .carousel-arrow-right-leave-active { - transform: translateY(-50%) translateX(10px); - opacity: 0; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/cascader.css b/src/css/theme/cascader.css deleted file mode 100644 index fd4312d..0000000 --- a/src/css/theme/cascader.css +++ /dev/null @@ -1,652 +0,0 @@ -@charset "UTF-8"; -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff; -} -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff; -} -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner{ - padding-right: 35px; -} -.el-input__icon.is-clickable{} -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165); -} -.el-input--large{ - font-size: 16px; -} -.el-input--large .el-input__inner{ - height: 42px; -} -.el-input--small{ - font-size: 13px; -} -.el-input--small .el-input__inner{ - height: 30px; -} -.el-input--mini{ - font-size: 12px; -} -.el-input--mini .el-input__inner{ - height: 22px; -} -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit; -} -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-cascader{ - display: inline-block; - position: relative; -} - -.el-cascader .el-input, .el-cascader .el-input__inner{ - cursor: pointer; -} - -.el-cascader .el-input__icon{ - transition: none; -} - -.el-cascader .el-icon-caret-bottom{ - transition: transform .3s -} - -.el-cascader .el-icon-caret-bottom.is-reverse{ - transform: rotateZ(180deg); -} - -.el-cascader .el-icon-circle-close{ - z-index: 2; -} - -.el-cascader.is-disabled .el-cascader__label{ - z-index: 2; - color: #bbb; -} - -.el-cascader__label{ - position: absolute; - left: 0; - top: 0; - height: 100%; - line-height: 36px; - padding: 0 25px 0 10px; - color: rgb(31, 45, 61); - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - box-sizing: border-box; - cursor: pointer; - font-size: 14px; - text-align: left; -} - -.el-cascader__label span { - color: rgb(151, 168, 190); -} - -.el-cascader--large{ - font-size: 16px; -} - -.el-cascader--large .el-cascader__label { - line-height: 40px; -} - -.el-cascader--small{ - font-size: 13px; -} - -.el-cascader--small .el-cascader__label { - line-height: 28px; -} - -.el-cascader-menus{ - white-space: nowrap; - background: #fff; - position: absolute; - margin: 5px 0; - z-index: 2; - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); -} - -.el-cascader-menu{ - display: inline-block; - vertical-align: top; - height: 204px; - overflow: auto; - border-right: solid 1px rgb(209, 219, 229); - background-color: #fff; - box-sizing: border-box; - margin: 0; - padding: 6px 0; - min-width: 160px; -} - -.el-cascader-menu:last-child{ - border-right: 0; -} - -.el-cascader-menu__item{ - font-size: 14px; - padding: 8px 30px 8px 10px; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: rgb(72, 87, 106); - height: 36px; - line-height: 1.5; - box-sizing: border-box; - cursor: pointer; -} - -.el-cascader-menu__item:hover{ - background-color: rgb(228, 232, 241); -} - -.el-cascader-menu__item.selected{ - color: #fff; - background-color: #20a0ff; -} - -.el-cascader-menu__item.selected.hover{ - background-color: rgb(28, 141, 224); -} - -.el-cascader-menu__item.is-active{ - color: #fff; - background-color: #20a0ff; -} - -.el-cascader-menu__item.is-active:hover{ - background-color: rgb(28, 141, 224); -} - -.el-cascader-menu__item.is-disabled{ - color: rgb(191, 203, 217); - background-color: #fff; - cursor: not-allowed; -} - -.el-cascader-menu__item.is-disabled:hover{ - background-color: #fff; -} - -.el-cascader-menu__item__keyword{ - font-weight: 700; -} - -.el-cascader-menu__item--extensible{} - -.el-cascader-menu__item--extensible:after{ - font-family: 'element-icons'; - content: "\e606"; - font-size: 12px; - transform: scale(0.8); - color: rgb(191, 203, 217); - position: absolute; - right: 10px; - margin-top: 1px; -} - -.el-cascader-menu--flexible{ - height: auto; - max-height: 180px; - overflow: auto; -} - -.el-cascader-menu--flexible .el-cascader-menu__item { - overflow: visible; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/checkbox-button.css b/src/css/theme/checkbox-button.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/checkbox-button.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/checkbox-group.css b/src/css/theme/checkbox-group.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/checkbox-group.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/checkbox.css b/src/css/theme/checkbox.css deleted file mode 100644 index 5416456..0000000 --- a/src/css/theme/checkbox.css +++ /dev/null @@ -1,438 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-checkbox{ - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none -} - -.el-checkbox + .el-checkbox{ - margin-left: 15px -} - -.el-checkbox__input{ - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle -} - -.el-checkbox__input.is-indeterminate .el-checkbox__inner{ - background-color: #20a0ff; - border-color: rgb(1, 144, 254) -} - -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{ - content: ''; - position: absolute; - display: block; - border: 1px solid #fff; - margin-top: -1px; - left: 3px; - right: 3px; - top: 50% -} - -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{ - display: none -} - -.el-checkbox__input.is-focus .el-checkbox__inner{ - border-color: #20a0ff; -} - -.el-checkbox__input.is-checked .el-checkbox__inner{ - background-color: #20a0ff; - border-color: rgb(1, 144, 254) -} - -.el-checkbox__input.is-checked .el-checkbox__inner::after{ - transform: rotate(45deg) scaleY(1) -} - -.el-checkbox__input.is-disabled .el-checkbox__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed -} - -.el-checkbox__input.is-disabled .el-checkbox__inner::after{ - cursor: not-allowed; - border-color: rgb(238, 241, 246) -} - -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label{ - cursor: not-allowed -} - -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229) -} - -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{ - border-color: #fff -} - -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229) -} - -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{ - border-color: #fff -} - -.el-checkbox__input.is-disabled + .el-checkbox__label{ - color: #bbb; - cursor: not-allowed -} - -.el-checkbox__inner{ - display: inline-block; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - box-sizing: border-box; - width: 18px; - height: 18px; - background-color: #fff; - z-index: 1; - transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), - background-color .25s cubic-bezier(.71,-.46,.29,1.46) -} - -.el-checkbox__inner:hover{ - border-color: #20a0ff -} - -.el-checkbox__inner::after{ - box-sizing: content-box; - content: ""; - border: 2px solid #fff; - border-left: 0; - border-top: 0; - height: 8px; - left: 5px; - position: absolute; - top: 1px; - transform: rotate(45deg) scaleY(0); - width: 4px; - transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; - transform-origin: center -} - -.el-checkbox__original{ - opacity: 0; - outline: none; - position: absolute; - margin: 0; - width: 0; - height: 0; - left: -999px -} - -.el-checkbox__label{ - font-size: 14px; - padding-left: 5px -} - -.el-checkbox-button{ - position: relative; - display: inline-block -} - -.el-checkbox-button.is-checked{} - -.el-checkbox-button.is-checked .el-checkbox-button__inner{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff -} - -.el-checkbox-button.is-disabled{} - -.el-checkbox-button.is-disabled .el-checkbox-button__inner{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none -} - -.el-checkbox-button.is-focus{} - -.el-checkbox-button.is-focus .el-checkbox-button__inner{ - border-color: #20a0ff -} - -.el-checkbox-button:first-child .el-checkbox-button__inner{ - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important -} - -.el-checkbox-button:last-child .el-checkbox-button__inner{ - border-radius: 0 4px 4px 0 -} - -.el-checkbox-button__inner{ - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 0 -} - -.el-checkbox-button__inner:hover{ - color: #20a0ff -} - -.el-checkbox-button__inner [class*="el-icon-"]{ - line-height: 0.9 -} - -.el-checkbox-button__inner [class*="el-icon-"] + span{ - margin-left: 5px -} - -.el-checkbox-button__original{ - opacity: 0; - outline: none; - position: absolute; - margin: 0; - visibility: hidden; - left: -999px -} - -.el-checkbox-button--large{} - -.el-checkbox-button--large .el-checkbox-button__inner{ - padding: 11px 19px; - font-size: 16px; - border-radius: 0 -} - -.el-checkbox-button--small{} - -.el-checkbox-button--small .el-checkbox-button__inner{ - padding: 7px 9px; - font-size: 12px; - border-radius: 0 -} - -.el-checkbox-button--mini{} - -.el-checkbox-button--mini .el-checkbox-button__inner{ - padding: 4px 4px; - font-size: 12px; - border-radius: 0 -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/col.css b/src/css/theme/col.css deleted file mode 100644 index f527496..0000000 --- a/src/css/theme/col.css +++ /dev/null @@ -1,2048 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-col-1, .el-col-2, .el-col-3, .el-col-4, .el-col-5, .el-col-6, .el-col-7, .el-col-8, .el-col-9, .el-col-10, .el-col-11, .el-col-12, .el-col-13, .el-col-14, .el-col-15, .el-col-16, .el-col-17, .el-col-18, .el-col-19, .el-col-20, .el-col-21, .el-col-22, .el-col-23, .el-col-24 { - float: left; - box-sizing: border-box; -} -.el-col-0 { - width: 0; -} - -.el-col-0{ - width: 0%; -} - -.el-col-offset-0{ - margin-left: 0%; -} - -.el-col-pull-0{ - position: relative; - right: 0%; -} - -.el-col-push-0{ - position: relative; - left: 0%; -} - -.el-col-1{ - width: 4.16667%; -} - -.el-col-offset-1{ - margin-left: 4.16667%; -} - -.el-col-pull-1{ - position: relative; - right: 4.16667%; -} - -.el-col-push-1{ - position: relative; - left: 4.16667%; -} - -.el-col-2{ - width: 8.33333%; -} - -.el-col-offset-2{ - margin-left: 8.33333%; -} - -.el-col-pull-2{ - position: relative; - right: 8.33333%; -} - -.el-col-push-2{ - position: relative; - left: 8.33333%; -} - -.el-col-3{ - width: 12.5%; -} - -.el-col-offset-3{ - margin-left: 12.5%; -} - -.el-col-pull-3{ - position: relative; - right: 12.5%; -} - -.el-col-push-3{ - position: relative; - left: 12.5%; -} - -.el-col-4{ - width: 16.66667%; -} - -.el-col-offset-4{ - margin-left: 16.66667%; -} - -.el-col-pull-4{ - position: relative; - right: 16.66667%; -} - -.el-col-push-4{ - position: relative; - left: 16.66667%; -} - -.el-col-5{ - width: 20.83333%; -} - -.el-col-offset-5{ - margin-left: 20.83333%; -} - -.el-col-pull-5{ - position: relative; - right: 20.83333%; -} - -.el-col-push-5{ - position: relative; - left: 20.83333%; -} - -.el-col-6{ - width: 25%; -} - -.el-col-offset-6{ - margin-left: 25%; -} - -.el-col-pull-6{ - position: relative; - right: 25%; -} - -.el-col-push-6{ - position: relative; - left: 25%; -} - -.el-col-7{ - width: 29.16667%; -} - -.el-col-offset-7{ - margin-left: 29.16667%; -} - -.el-col-pull-7{ - position: relative; - right: 29.16667%; -} - -.el-col-push-7{ - position: relative; - left: 29.16667%; -} - -.el-col-8{ - width: 33.33333%; -} - -.el-col-offset-8{ - margin-left: 33.33333%; -} - -.el-col-pull-8{ - position: relative; - right: 33.33333%; -} - -.el-col-push-8{ - position: relative; - left: 33.33333%; -} - -.el-col-9{ - width: 37.5%; -} - -.el-col-offset-9{ - margin-left: 37.5%; -} - -.el-col-pull-9{ - position: relative; - right: 37.5%; -} - -.el-col-push-9{ - position: relative; - left: 37.5%; -} - -.el-col-10{ - width: 41.66667%; -} - -.el-col-offset-10{ - margin-left: 41.66667%; -} - -.el-col-pull-10{ - position: relative; - right: 41.66667%; -} - -.el-col-push-10{ - position: relative; - left: 41.66667%; -} - -.el-col-11{ - width: 45.83333%; -} - -.el-col-offset-11{ - margin-left: 45.83333%; -} - -.el-col-pull-11{ - position: relative; - right: 45.83333%; -} - -.el-col-push-11{ - position: relative; - left: 45.83333%; -} - -.el-col-12{ - width: 50%; -} - -.el-col-offset-12{ - margin-left: 50%; -} - -.el-col-pull-12{ - position: relative; - right: 50%; -} - -.el-col-push-12{ - position: relative; - left: 50%; -} - -.el-col-13{ - width: 54.16667%; -} - -.el-col-offset-13{ - margin-left: 54.16667%; -} - -.el-col-pull-13{ - position: relative; - right: 54.16667%; -} - -.el-col-push-13{ - position: relative; - left: 54.16667%; -} - -.el-col-14{ - width: 58.33333%; -} - -.el-col-offset-14{ - margin-left: 58.33333%; -} - -.el-col-pull-14{ - position: relative; - right: 58.33333%; -} - -.el-col-push-14{ - position: relative; - left: 58.33333%; -} - -.el-col-15{ - width: 62.5%; -} - -.el-col-offset-15{ - margin-left: 62.5%; -} - -.el-col-pull-15{ - position: relative; - right: 62.5%; -} - -.el-col-push-15{ - position: relative; - left: 62.5%; -} - -.el-col-16{ - width: 66.66667%; -} - -.el-col-offset-16{ - margin-left: 66.66667%; -} - -.el-col-pull-16{ - position: relative; - right: 66.66667%; -} - -.el-col-push-16{ - position: relative; - left: 66.66667%; -} - -.el-col-17{ - width: 70.83333%; -} - -.el-col-offset-17{ - margin-left: 70.83333%; -} - -.el-col-pull-17{ - position: relative; - right: 70.83333%; -} - -.el-col-push-17{ - position: relative; - left: 70.83333%; -} - -.el-col-18{ - width: 75%; -} - -.el-col-offset-18{ - margin-left: 75%; -} - -.el-col-pull-18{ - position: relative; - right: 75%; -} - -.el-col-push-18{ - position: relative; - left: 75%; -} - -.el-col-19{ - width: 79.16667%; -} - -.el-col-offset-19{ - margin-left: 79.16667%; -} - -.el-col-pull-19{ - position: relative; - right: 79.16667%; -} - -.el-col-push-19{ - position: relative; - left: 79.16667%; -} - -.el-col-20{ - width: 83.33333%; -} - -.el-col-offset-20{ - margin-left: 83.33333%; -} - -.el-col-pull-20{ - position: relative; - right: 83.33333%; -} - -.el-col-push-20{ - position: relative; - left: 83.33333%; -} - -.el-col-21{ - width: 87.5%; -} - -.el-col-offset-21{ - margin-left: 87.5%; -} - -.el-col-pull-21{ - position: relative; - right: 87.5%; -} - -.el-col-push-21{ - position: relative; - left: 87.5%; -} - -.el-col-22{ - width: 91.66667%; -} - -.el-col-offset-22{ - margin-left: 91.66667%; -} - -.el-col-pull-22{ - position: relative; - right: 91.66667%; -} - -.el-col-push-22{ - position: relative; - left: 91.66667%; -} - -.el-col-23{ - width: 95.83333%; -} - -.el-col-offset-23{ - margin-left: 95.83333%; -} - -.el-col-pull-23{ - position: relative; - right: 95.83333%; -} - -.el-col-push-23{ - position: relative; - left: 95.83333%; -} - -.el-col-24{ - width: 100%; -} - -.el-col-offset-24{ - margin-left: 100%; -} - -.el-col-pull-24{ - position: relative; - right: 100%; -} - -.el-col-push-24{ - position: relative; - left: 100%; -} - -@media (max-width: 768px) { - .el-col-xs-0{ - width: 0%; - } - .el-col-xs-offset-0{ - margin-left: 0%; - } - .el-col-xs-pull-0{ - position: relative; - right: 0%; - } - .el-col-xs-push-0{ - position: relative; - left: 0%; - } - .el-col-xs-1{ - width: 4.16667%; - } - .el-col-xs-offset-1{ - margin-left: 4.16667%; - } - .el-col-xs-pull-1{ - position: relative; - right: 4.16667%; - } - .el-col-xs-push-1{ - position: relative; - left: 4.16667%; - } - .el-col-xs-2{ - width: 8.33333%; - } - .el-col-xs-offset-2{ - margin-left: 8.33333%; - } - .el-col-xs-pull-2{ - position: relative; - right: 8.33333%; - } - .el-col-xs-push-2{ - position: relative; - left: 8.33333%; - } - .el-col-xs-3{ - width: 12.5%; - } - .el-col-xs-offset-3{ - margin-left: 12.5%; - } - .el-col-xs-pull-3{ - position: relative; - right: 12.5%; - } - .el-col-xs-push-3{ - position: relative; - left: 12.5%; - } - .el-col-xs-4{ - width: 16.66667%; - } - .el-col-xs-offset-4{ - margin-left: 16.66667%; - } - .el-col-xs-pull-4{ - position: relative; - right: 16.66667%; - } - .el-col-xs-push-4{ - position: relative; - left: 16.66667%; - } - .el-col-xs-5{ - width: 20.83333%; - } - .el-col-xs-offset-5{ - margin-left: 20.83333%; - } - .el-col-xs-pull-5{ - position: relative; - right: 20.83333%; - } - .el-col-xs-push-5{ - position: relative; - left: 20.83333%; - } - .el-col-xs-6{ - width: 25%; - } - .el-col-xs-offset-6{ - margin-left: 25%; - } - .el-col-xs-pull-6{ - position: relative; - right: 25%; - } - .el-col-xs-push-6{ - position: relative; - left: 25%; - } - .el-col-xs-7{ - width: 29.16667%; - } - .el-col-xs-offset-7{ - margin-left: 29.16667%; - } - .el-col-xs-pull-7{ - position: relative; - right: 29.16667%; - } - .el-col-xs-push-7{ - position: relative; - left: 29.16667%; - } - .el-col-xs-8{ - width: 33.33333%; - } - .el-col-xs-offset-8{ - margin-left: 33.33333%; - } - .el-col-xs-pull-8{ - position: relative; - right: 33.33333%; - } - .el-col-xs-push-8{ - position: relative; - left: 33.33333%; - } - .el-col-xs-9{ - width: 37.5%; - } - .el-col-xs-offset-9{ - margin-left: 37.5%; - } - .el-col-xs-pull-9{ - position: relative; - right: 37.5%; - } - .el-col-xs-push-9{ - position: relative; - left: 37.5%; - } - .el-col-xs-10{ - width: 41.66667%; - } - .el-col-xs-offset-10{ - margin-left: 41.66667%; - } - .el-col-xs-pull-10{ - position: relative; - right: 41.66667%; - } - .el-col-xs-push-10{ - position: relative; - left: 41.66667%; - } - .el-col-xs-11{ - width: 45.83333%; - } - .el-col-xs-offset-11{ - margin-left: 45.83333%; - } - .el-col-xs-pull-11{ - position: relative; - right: 45.83333%; - } - .el-col-xs-push-11{ - position: relative; - left: 45.83333%; - } - .el-col-xs-12{ - width: 50%; - } - .el-col-xs-offset-12{ - margin-left: 50%; - } - .el-col-xs-pull-12{ - position: relative; - right: 50%; - } - .el-col-xs-push-12{ - position: relative; - left: 50%; - } - .el-col-xs-13{ - width: 54.16667%; - } - .el-col-xs-offset-13{ - margin-left: 54.16667%; - } - .el-col-xs-pull-13{ - position: relative; - right: 54.16667%; - } - .el-col-xs-push-13{ - position: relative; - left: 54.16667%; - } - .el-col-xs-14{ - width: 58.33333%; - } - .el-col-xs-offset-14{ - margin-left: 58.33333%; - } - .el-col-xs-pull-14{ - position: relative; - right: 58.33333%; - } - .el-col-xs-push-14{ - position: relative; - left: 58.33333%; - } - .el-col-xs-15{ - width: 62.5%; - } - .el-col-xs-offset-15{ - margin-left: 62.5%; - } - .el-col-xs-pull-15{ - position: relative; - right: 62.5%; - } - .el-col-xs-push-15{ - position: relative; - left: 62.5%; - } - .el-col-xs-16{ - width: 66.66667%; - } - .el-col-xs-offset-16{ - margin-left: 66.66667%; - } - .el-col-xs-pull-16{ - position: relative; - right: 66.66667%; - } - .el-col-xs-push-16{ - position: relative; - left: 66.66667%; - } - .el-col-xs-17{ - width: 70.83333%; - } - .el-col-xs-offset-17{ - margin-left: 70.83333%; - } - .el-col-xs-pull-17{ - position: relative; - right: 70.83333%; - } - .el-col-xs-push-17{ - position: relative; - left: 70.83333%; - } - .el-col-xs-18{ - width: 75%; - } - .el-col-xs-offset-18{ - margin-left: 75%; - } - .el-col-xs-pull-18{ - position: relative; - right: 75%; - } - .el-col-xs-push-18{ - position: relative; - left: 75%; - } - .el-col-xs-19{ - width: 79.16667%; - } - .el-col-xs-offset-19{ - margin-left: 79.16667%; - } - .el-col-xs-pull-19{ - position: relative; - right: 79.16667%; - } - .el-col-xs-push-19{ - position: relative; - left: 79.16667%; - } - .el-col-xs-20{ - width: 83.33333%; - } - .el-col-xs-offset-20{ - margin-left: 83.33333%; - } - .el-col-xs-pull-20{ - position: relative; - right: 83.33333%; - } - .el-col-xs-push-20{ - position: relative; - left: 83.33333%; - } - .el-col-xs-21{ - width: 87.5%; - } - .el-col-xs-offset-21{ - margin-left: 87.5%; - } - .el-col-xs-pull-21{ - position: relative; - right: 87.5%; - } - .el-col-xs-push-21{ - position: relative; - left: 87.5%; - } - .el-col-xs-22{ - width: 91.66667%; - } - .el-col-xs-offset-22{ - margin-left: 91.66667%; - } - .el-col-xs-pull-22{ - position: relative; - right: 91.66667%; - } - .el-col-xs-push-22{ - position: relative; - left: 91.66667%; - } - .el-col-xs-23{ - width: 95.83333%; - } - .el-col-xs-offset-23{ - margin-left: 95.83333%; - } - .el-col-xs-pull-23{ - position: relative; - right: 95.83333%; - } - .el-col-xs-push-23{ - position: relative; - left: 95.83333%; - } - .el-col-xs-24{ - width: 100%; - } - .el-col-xs-offset-24{ - margin-left: 100%; - } - .el-col-xs-pull-24{ - position: relative; - right: 100%; - } - .el-col-xs-push-24{ - position: relative; - left: 100%; - } -} - -@media (min-width: 768px) { - .el-col-sm-0{ - width: 0%; - } - .el-col-sm-offset-0{ - margin-left: 0%; - } - .el-col-sm-pull-0{ - position: relative; - right: 0%; - } - .el-col-sm-push-0{ - position: relative; - left: 0%; - } - .el-col-sm-1{ - width: 4.16667%; - } - .el-col-sm-offset-1{ - margin-left: 4.16667%; - } - .el-col-sm-pull-1{ - position: relative; - right: 4.16667%; - } - .el-col-sm-push-1{ - position: relative; - left: 4.16667%; - } - .el-col-sm-2{ - width: 8.33333%; - } - .el-col-sm-offset-2{ - margin-left: 8.33333%; - } - .el-col-sm-pull-2{ - position: relative; - right: 8.33333%; - } - .el-col-sm-push-2{ - position: relative; - left: 8.33333%; - } - .el-col-sm-3{ - width: 12.5%; - } - .el-col-sm-offset-3{ - margin-left: 12.5%; - } - .el-col-sm-pull-3{ - position: relative; - right: 12.5%; - } - .el-col-sm-push-3{ - position: relative; - left: 12.5%; - } - .el-col-sm-4{ - width: 16.66667%; - } - .el-col-sm-offset-4{ - margin-left: 16.66667%; - } - .el-col-sm-pull-4{ - position: relative; - right: 16.66667%; - } - .el-col-sm-push-4{ - position: relative; - left: 16.66667%; - } - .el-col-sm-5{ - width: 20.83333%; - } - .el-col-sm-offset-5{ - margin-left: 20.83333%; - } - .el-col-sm-pull-5{ - position: relative; - right: 20.83333%; - } - .el-col-sm-push-5{ - position: relative; - left: 20.83333%; - } - .el-col-sm-6{ - width: 25%; - } - .el-col-sm-offset-6{ - margin-left: 25%; - } - .el-col-sm-pull-6{ - position: relative; - right: 25%; - } - .el-col-sm-push-6{ - position: relative; - left: 25%; - } - .el-col-sm-7{ - width: 29.16667%; - } - .el-col-sm-offset-7{ - margin-left: 29.16667%; - } - .el-col-sm-pull-7{ - position: relative; - right: 29.16667%; - } - .el-col-sm-push-7{ - position: relative; - left: 29.16667%; - } - .el-col-sm-8{ - width: 33.33333%; - } - .el-col-sm-offset-8{ - margin-left: 33.33333%; - } - .el-col-sm-pull-8{ - position: relative; - right: 33.33333%; - } - .el-col-sm-push-8{ - position: relative; - left: 33.33333%; - } - .el-col-sm-9{ - width: 37.5%; - } - .el-col-sm-offset-9{ - margin-left: 37.5%; - } - .el-col-sm-pull-9{ - position: relative; - right: 37.5%; - } - .el-col-sm-push-9{ - position: relative; - left: 37.5%; - } - .el-col-sm-10{ - width: 41.66667%; - } - .el-col-sm-offset-10{ - margin-left: 41.66667%; - } - .el-col-sm-pull-10{ - position: relative; - right: 41.66667%; - } - .el-col-sm-push-10{ - position: relative; - left: 41.66667%; - } - .el-col-sm-11{ - width: 45.83333%; - } - .el-col-sm-offset-11{ - margin-left: 45.83333%; - } - .el-col-sm-pull-11{ - position: relative; - right: 45.83333%; - } - .el-col-sm-push-11{ - position: relative; - left: 45.83333%; - } - .el-col-sm-12{ - width: 50%; - } - .el-col-sm-offset-12{ - margin-left: 50%; - } - .el-col-sm-pull-12{ - position: relative; - right: 50%; - } - .el-col-sm-push-12{ - position: relative; - left: 50%; - } - .el-col-sm-13{ - width: 54.16667%; - } - .el-col-sm-offset-13{ - margin-left: 54.16667%; - } - .el-col-sm-pull-13{ - position: relative; - right: 54.16667%; - } - .el-col-sm-push-13{ - position: relative; - left: 54.16667%; - } - .el-col-sm-14{ - width: 58.33333%; - } - .el-col-sm-offset-14{ - margin-left: 58.33333%; - } - .el-col-sm-pull-14{ - position: relative; - right: 58.33333%; - } - .el-col-sm-push-14{ - position: relative; - left: 58.33333%; - } - .el-col-sm-15{ - width: 62.5%; - } - .el-col-sm-offset-15{ - margin-left: 62.5%; - } - .el-col-sm-pull-15{ - position: relative; - right: 62.5%; - } - .el-col-sm-push-15{ - position: relative; - left: 62.5%; - } - .el-col-sm-16{ - width: 66.66667%; - } - .el-col-sm-offset-16{ - margin-left: 66.66667%; - } - .el-col-sm-pull-16{ - position: relative; - right: 66.66667%; - } - .el-col-sm-push-16{ - position: relative; - left: 66.66667%; - } - .el-col-sm-17{ - width: 70.83333%; - } - .el-col-sm-offset-17{ - margin-left: 70.83333%; - } - .el-col-sm-pull-17{ - position: relative; - right: 70.83333%; - } - .el-col-sm-push-17{ - position: relative; - left: 70.83333%; - } - .el-col-sm-18{ - width: 75%; - } - .el-col-sm-offset-18{ - margin-left: 75%; - } - .el-col-sm-pull-18{ - position: relative; - right: 75%; - } - .el-col-sm-push-18{ - position: relative; - left: 75%; - } - .el-col-sm-19{ - width: 79.16667%; - } - .el-col-sm-offset-19{ - margin-left: 79.16667%; - } - .el-col-sm-pull-19{ - position: relative; - right: 79.16667%; - } - .el-col-sm-push-19{ - position: relative; - left: 79.16667%; - } - .el-col-sm-20{ - width: 83.33333%; - } - .el-col-sm-offset-20{ - margin-left: 83.33333%; - } - .el-col-sm-pull-20{ - position: relative; - right: 83.33333%; - } - .el-col-sm-push-20{ - position: relative; - left: 83.33333%; - } - .el-col-sm-21{ - width: 87.5%; - } - .el-col-sm-offset-21{ - margin-left: 87.5%; - } - .el-col-sm-pull-21{ - position: relative; - right: 87.5%; - } - .el-col-sm-push-21{ - position: relative; - left: 87.5%; - } - .el-col-sm-22{ - width: 91.66667%; - } - .el-col-sm-offset-22{ - margin-left: 91.66667%; - } - .el-col-sm-pull-22{ - position: relative; - right: 91.66667%; - } - .el-col-sm-push-22{ - position: relative; - left: 91.66667%; - } - .el-col-sm-23{ - width: 95.83333%; - } - .el-col-sm-offset-23{ - margin-left: 95.83333%; - } - .el-col-sm-pull-23{ - position: relative; - right: 95.83333%; - } - .el-col-sm-push-23{ - position: relative; - left: 95.83333%; - } - .el-col-sm-24{ - width: 100%; - } - .el-col-sm-offset-24{ - margin-left: 100%; - } - .el-col-sm-pull-24{ - position: relative; - right: 100%; - } - .el-col-sm-push-24{ - position: relative; - left: 100%; - } -} -@media (min-width: 992px) { - .el-col-md-0{ - width: 0%; - } - .el-col-md-offset-0{ - margin-left: 0%; - } - .el-col-md-pull-0{ - position: relative; - right: 0%; - } - .el-col-md-push-0{ - position: relative; - left: 0%; - } - .el-col-md-1{ - width: 4.16667%; - } - .el-col-md-offset-1{ - margin-left: 4.16667%; - } - .el-col-md-pull-1{ - position: relative; - right: 4.16667%; - } - .el-col-md-push-1{ - position: relative; - left: 4.16667%; - } - .el-col-md-2{ - width: 8.33333%; - } - .el-col-md-offset-2{ - margin-left: 8.33333%; - } - .el-col-md-pull-2{ - position: relative; - right: 8.33333%; - } - .el-col-md-push-2{ - position: relative; - left: 8.33333%; - } - .el-col-md-3{ - width: 12.5%; - } - .el-col-md-offset-3{ - margin-left: 12.5%; - } - .el-col-md-pull-3{ - position: relative; - right: 12.5%; - } - .el-col-md-push-3{ - position: relative; - left: 12.5%; - } - .el-col-md-4{ - width: 16.66667%; - } - .el-col-md-offset-4{ - margin-left: 16.66667%; - } - .el-col-md-pull-4{ - position: relative; - right: 16.66667%; - } - .el-col-md-push-4{ - position: relative; - left: 16.66667%; - } - .el-col-md-5{ - width: 20.83333%; - } - .el-col-md-offset-5{ - margin-left: 20.83333%; - } - .el-col-md-pull-5{ - position: relative; - right: 20.83333%; - } - .el-col-md-push-5{ - position: relative; - left: 20.83333%; - } - .el-col-md-6{ - width: 25%; - } - .el-col-md-offset-6{ - margin-left: 25%; - } - .el-col-md-pull-6{ - position: relative; - right: 25%; - } - .el-col-md-push-6{ - position: relative; - left: 25%; - } - .el-col-md-7{ - width: 29.16667%; - } - .el-col-md-offset-7{ - margin-left: 29.16667%; - } - .el-col-md-pull-7{ - position: relative; - right: 29.16667%; - } - .el-col-md-push-7{ - position: relative; - left: 29.16667%; - } - .el-col-md-8{ - width: 33.33333%; - } - .el-col-md-offset-8{ - margin-left: 33.33333%; - } - .el-col-md-pull-8{ - position: relative; - right: 33.33333%; - } - .el-col-md-push-8{ - position: relative; - left: 33.33333%; - } - .el-col-md-9{ - width: 37.5%; - } - .el-col-md-offset-9{ - margin-left: 37.5%; - } - .el-col-md-pull-9{ - position: relative; - right: 37.5%; - } - .el-col-md-push-9{ - position: relative; - left: 37.5%; - } - .el-col-md-10{ - width: 41.66667%; - } - .el-col-md-offset-10{ - margin-left: 41.66667%; - } - .el-col-md-pull-10{ - position: relative; - right: 41.66667%; - } - .el-col-md-push-10{ - position: relative; - left: 41.66667%; - } - .el-col-md-11{ - width: 45.83333%; - } - .el-col-md-offset-11{ - margin-left: 45.83333%; - } - .el-col-md-pull-11{ - position: relative; - right: 45.83333%; - } - .el-col-md-push-11{ - position: relative; - left: 45.83333%; - } - .el-col-md-12{ - width: 50%; - } - .el-col-md-offset-12{ - margin-left: 50%; - } - .el-col-md-pull-12{ - position: relative; - right: 50%; - } - .el-col-md-push-12{ - position: relative; - left: 50%; - } - .el-col-md-13{ - width: 54.16667%; - } - .el-col-md-offset-13{ - margin-left: 54.16667%; - } - .el-col-md-pull-13{ - position: relative; - right: 54.16667%; - } - .el-col-md-push-13{ - position: relative; - left: 54.16667%; - } - .el-col-md-14{ - width: 58.33333%; - } - .el-col-md-offset-14{ - margin-left: 58.33333%; - } - .el-col-md-pull-14{ - position: relative; - right: 58.33333%; - } - .el-col-md-push-14{ - position: relative; - left: 58.33333%; - } - .el-col-md-15{ - width: 62.5%; - } - .el-col-md-offset-15{ - margin-left: 62.5%; - } - .el-col-md-pull-15{ - position: relative; - right: 62.5%; - } - .el-col-md-push-15{ - position: relative; - left: 62.5%; - } - .el-col-md-16{ - width: 66.66667%; - } - .el-col-md-offset-16{ - margin-left: 66.66667%; - } - .el-col-md-pull-16{ - position: relative; - right: 66.66667%; - } - .el-col-md-push-16{ - position: relative; - left: 66.66667%; - } - .el-col-md-17{ - width: 70.83333%; - } - .el-col-md-offset-17{ - margin-left: 70.83333%; - } - .el-col-md-pull-17{ - position: relative; - right: 70.83333%; - } - .el-col-md-push-17{ - position: relative; - left: 70.83333%; - } - .el-col-md-18{ - width: 75%; - } - .el-col-md-offset-18{ - margin-left: 75%; - } - .el-col-md-pull-18{ - position: relative; - right: 75%; - } - .el-col-md-push-18{ - position: relative; - left: 75%; - } - .el-col-md-19{ - width: 79.16667%; - } - .el-col-md-offset-19{ - margin-left: 79.16667%; - } - .el-col-md-pull-19{ - position: relative; - right: 79.16667%; - } - .el-col-md-push-19{ - position: relative; - left: 79.16667%; - } - .el-col-md-20{ - width: 83.33333%; - } - .el-col-md-offset-20{ - margin-left: 83.33333%; - } - .el-col-md-pull-20{ - position: relative; - right: 83.33333%; - } - .el-col-md-push-20{ - position: relative; - left: 83.33333%; - } - .el-col-md-21{ - width: 87.5%; - } - .el-col-md-offset-21{ - margin-left: 87.5%; - } - .el-col-md-pull-21{ - position: relative; - right: 87.5%; - } - .el-col-md-push-21{ - position: relative; - left: 87.5%; - } - .el-col-md-22{ - width: 91.66667%; - } - .el-col-md-offset-22{ - margin-left: 91.66667%; - } - .el-col-md-pull-22{ - position: relative; - right: 91.66667%; - } - .el-col-md-push-22{ - position: relative; - left: 91.66667%; - } - .el-col-md-23{ - width: 95.83333%; - } - .el-col-md-offset-23{ - margin-left: 95.83333%; - } - .el-col-md-pull-23{ - position: relative; - right: 95.83333%; - } - .el-col-md-push-23{ - position: relative; - left: 95.83333%; - } - .el-col-md-24{ - width: 100%; - } - .el-col-md-offset-24{ - margin-left: 100%; - } - .el-col-md-pull-24{ - position: relative; - right: 100%; - } - .el-col-md-push-24{ - position: relative; - left: 100%; - } -} -@media (min-width: 1200px) { - .el-col-lg-0{ - width: 0%; - } - .el-col-lg-offset-0{ - margin-left: 0%; - } - .el-col-lg-pull-0{ - position: relative; - right: 0%; - } - .el-col-lg-push-0{ - position: relative; - left: 0%; - } - .el-col-lg-1{ - width: 4.16667%; - } - .el-col-lg-offset-1{ - margin-left: 4.16667%; - } - .el-col-lg-pull-1{ - position: relative; - right: 4.16667%; - } - .el-col-lg-push-1{ - position: relative; - left: 4.16667%; - } - .el-col-lg-2{ - width: 8.33333%; - } - .el-col-lg-offset-2{ - margin-left: 8.33333%; - } - .el-col-lg-pull-2{ - position: relative; - right: 8.33333%; - } - .el-col-lg-push-2{ - position: relative; - left: 8.33333%; - } - .el-col-lg-3{ - width: 12.5%; - } - .el-col-lg-offset-3{ - margin-left: 12.5%; - } - .el-col-lg-pull-3{ - position: relative; - right: 12.5%; - } - .el-col-lg-push-3{ - position: relative; - left: 12.5%; - } - .el-col-lg-4{ - width: 16.66667%; - } - .el-col-lg-offset-4{ - margin-left: 16.66667%; - } - .el-col-lg-pull-4{ - position: relative; - right: 16.66667%; - } - .el-col-lg-push-4{ - position: relative; - left: 16.66667%; - } - .el-col-lg-5{ - width: 20.83333%; - } - .el-col-lg-offset-5{ - margin-left: 20.83333%; - } - .el-col-lg-pull-5{ - position: relative; - right: 20.83333%; - } - .el-col-lg-push-5{ - position: relative; - left: 20.83333%; - } - .el-col-lg-6{ - width: 25%; - } - .el-col-lg-offset-6{ - margin-left: 25%; - } - .el-col-lg-pull-6{ - position: relative; - right: 25%; - } - .el-col-lg-push-6{ - position: relative; - left: 25%; - } - .el-col-lg-7{ - width: 29.16667%; - } - .el-col-lg-offset-7{ - margin-left: 29.16667%; - } - .el-col-lg-pull-7{ - position: relative; - right: 29.16667%; - } - .el-col-lg-push-7{ - position: relative; - left: 29.16667%; - } - .el-col-lg-8{ - width: 33.33333%; - } - .el-col-lg-offset-8{ - margin-left: 33.33333%; - } - .el-col-lg-pull-8{ - position: relative; - right: 33.33333%; - } - .el-col-lg-push-8{ - position: relative; - left: 33.33333%; - } - .el-col-lg-9{ - width: 37.5%; - } - .el-col-lg-offset-9{ - margin-left: 37.5%; - } - .el-col-lg-pull-9{ - position: relative; - right: 37.5%; - } - .el-col-lg-push-9{ - position: relative; - left: 37.5%; - } - .el-col-lg-10{ - width: 41.66667%; - } - .el-col-lg-offset-10{ - margin-left: 41.66667%; - } - .el-col-lg-pull-10{ - position: relative; - right: 41.66667%; - } - .el-col-lg-push-10{ - position: relative; - left: 41.66667%; - } - .el-col-lg-11{ - width: 45.83333%; - } - .el-col-lg-offset-11{ - margin-left: 45.83333%; - } - .el-col-lg-pull-11{ - position: relative; - right: 45.83333%; - } - .el-col-lg-push-11{ - position: relative; - left: 45.83333%; - } - .el-col-lg-12{ - width: 50%; - } - .el-col-lg-offset-12{ - margin-left: 50%; - } - .el-col-lg-pull-12{ - position: relative; - right: 50%; - } - .el-col-lg-push-12{ - position: relative; - left: 50%; - } - .el-col-lg-13{ - width: 54.16667%; - } - .el-col-lg-offset-13{ - margin-left: 54.16667%; - } - .el-col-lg-pull-13{ - position: relative; - right: 54.16667%; - } - .el-col-lg-push-13{ - position: relative; - left: 54.16667%; - } - .el-col-lg-14{ - width: 58.33333%; - } - .el-col-lg-offset-14{ - margin-left: 58.33333%; - } - .el-col-lg-pull-14{ - position: relative; - right: 58.33333%; - } - .el-col-lg-push-14{ - position: relative; - left: 58.33333%; - } - .el-col-lg-15{ - width: 62.5%; - } - .el-col-lg-offset-15{ - margin-left: 62.5%; - } - .el-col-lg-pull-15{ - position: relative; - right: 62.5%; - } - .el-col-lg-push-15{ - position: relative; - left: 62.5%; - } - .el-col-lg-16{ - width: 66.66667%; - } - .el-col-lg-offset-16{ - margin-left: 66.66667%; - } - .el-col-lg-pull-16{ - position: relative; - right: 66.66667%; - } - .el-col-lg-push-16{ - position: relative; - left: 66.66667%; - } - .el-col-lg-17{ - width: 70.83333%; - } - .el-col-lg-offset-17{ - margin-left: 70.83333%; - } - .el-col-lg-pull-17{ - position: relative; - right: 70.83333%; - } - .el-col-lg-push-17{ - position: relative; - left: 70.83333%; - } - .el-col-lg-18{ - width: 75%; - } - .el-col-lg-offset-18{ - margin-left: 75%; - } - .el-col-lg-pull-18{ - position: relative; - right: 75%; - } - .el-col-lg-push-18{ - position: relative; - left: 75%; - } - .el-col-lg-19{ - width: 79.16667%; - } - .el-col-lg-offset-19{ - margin-left: 79.16667%; - } - .el-col-lg-pull-19{ - position: relative; - right: 79.16667%; - } - .el-col-lg-push-19{ - position: relative; - left: 79.16667%; - } - .el-col-lg-20{ - width: 83.33333%; - } - .el-col-lg-offset-20{ - margin-left: 83.33333%; - } - .el-col-lg-pull-20{ - position: relative; - right: 83.33333%; - } - .el-col-lg-push-20{ - position: relative; - left: 83.33333%; - } - .el-col-lg-21{ - width: 87.5%; - } - .el-col-lg-offset-21{ - margin-left: 87.5%; - } - .el-col-lg-pull-21{ - position: relative; - right: 87.5%; - } - .el-col-lg-push-21{ - position: relative; - left: 87.5%; - } - .el-col-lg-22{ - width: 91.66667%; - } - .el-col-lg-offset-22{ - margin-left: 91.66667%; - } - .el-col-lg-pull-22{ - position: relative; - right: 91.66667%; - } - .el-col-lg-push-22{ - position: relative; - left: 91.66667%; - } - .el-col-lg-23{ - width: 95.83333%; - } - .el-col-lg-offset-23{ - margin-left: 95.83333%; - } - .el-col-lg-pull-23{ - position: relative; - right: 95.83333%; - } - .el-col-lg-push-23{ - position: relative; - left: 95.83333%; - } - .el-col-lg-24{ - width: 100%; - } - .el-col-lg-offset-24{ - margin-left: 100%; - } - .el-col-lg-pull-24{ - position: relative; - right: 100%; - } - .el-col-lg-push-24{ - position: relative; - left: 100%; - } -}:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/collapse-item.css b/src/css/theme/collapse-item.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/collapse-item.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/collapse.css b/src/css/theme/collapse.css deleted file mode 100644 index f8e2d87..0000000 --- a/src/css/theme/collapse.css +++ /dev/null @@ -1,227 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-collapse{ - border: 1px solid rgb(223, 230, 236); - border-radius: 0; -} - -.el-collapse-item{} - -.el-collapse-item:last-child{ - margin-bottom: -1px; -} - -.el-collapse-item.is-active > .el-collapse-item__header .el-collapse-item__header__arrow{ - transform: rotate(90deg); -} - -.el-collapse-item__header{ - height: 43px; - line-height: 43px; - padding-left: 15px; - background-color: #fff; - color: rgb(72, 87, 106); - cursor: pointer; - border-bottom: 1px solid rgb(223, 230, 236); - font-size: 13px; -} - -.el-collapse-item__header__arrow{ - margin-right: 8px; - transition: transform .3s; -} - -.el-collapse-item__wrap{ - will-change: height; - background-color: rgb(251, 253, 255); - overflow: hidden; - box-sizing: border-box; - border-bottom: 1px solid rgb(223, 230, 236); -} - -.el-collapse-item__content{ - padding: 10px 15px; - font-size: 13px; - color: rgb(31, 45, 61); - line-height: 1.769230769230769; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/color-picker.css b/src/css/theme/color-picker.css deleted file mode 100644 index 2775f23..0000000 --- a/src/css/theme/color-picker.css +++ /dev/null @@ -1,678 +0,0 @@ -:root { - - /* Transition - -------------------------- */ - - /* Colors - -------------------------- */ - - /* Link - -------------------------- */ - - /* Border - -------------------------- */ - - /* Box-shadow - -------------------------- */ - - /* Fill - -------------------------- */ - - /* Font - -------------------------- */ - - /* Size - -------------------------- */ - - /* z-index - -------------------------- */ - - /* Disable base - -------------------------- */ - - /* Icon - -------------------------- */ - - /* Checkbox - -------------------------- */ - - /* Radio - -------------------------- */ - - /* Select - -------------------------- */ - - /* Alert - -------------------------- */ - - /* Message Box - -------------------------- */ - - /* Message - -------------------------- */ - - /* Notification - -------------------------- */ - - /* Input - -------------------------- */ - - /* Cascader - -------------------------- */ - - /* Group - -------------------------- */ - - /* Tab - -------------------------- */ - - /* Button - -------------------------- */ - - /* cascader - -------------------------- */ - - /* Switch - -------------------------- */ - - /* Dialog - -------------------------- */ - - /* Table - -------------------------- */ - - /* Pagination - -------------------------- */ - - /* Popover - -------------------------- */ - - /* Tooltip - -------------------------- */ - - /* Tag - -------------------------- */ - - /* Dropdown - -------------------------- */ - - /* Badge - -------------------------- */ - - /* Card - --------------------------*/ - - /* Slider - --------------------------*/ - - /* Steps - --------------------------*/ - - /* Menu - --------------------------*/ - - /* Rate - --------------------------*/ - - /* DatePicker - --------------------------*/ - - /* Loading - --------------------------*/ - - /* Scrollbar - --------------------------*/ - - /* Carousel - --------------------------*/ - - /* Collapse - --------------------------*/ - - /* Transfer - --------------------------*/ -} - -.el-color-hue-slider { - - position: relative; - - box-sizing: border-box; - - width: 280px; - - height: 12px; - - background-color: #f00; - - padding: 0 2px; -} - -.el-color-hue-slider.is-vertical { - - width: 12px; - - height: 180px; - - padding: 2px 0; -} - -.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { - - background: linear-gradient( - to bottom, #f00 0%, - #ff0 17%, #0f0 33%, - #0ff 50%, #00f 67%, - #f0f 83%, #f00 100%); -} - -.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { - - left: 0; - - top: 0; - - width: 100%; - - height: 4px; -} - -.el-color-hue-slider__bar { - - position: relative; - - background: linear-gradient( - to right, #f00 0%, - #ff0 17%, #0f0 33%, - #0ff 50%, #00f 67%, - #f0f 83%, #f00 100%); - - height: 100%; -} - -.el-color-hue-slider__thumb { - - position: absolute; - - cursor: pointer; - - box-sizing: border-box; - - left: 0; - - top: 0; - - width: 4px; - - height: 100%; - - border-radius: 1px; - - background: #fff; - - border: 1px solid #f0f0f0; - - box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); - - z-index: 1; -} - -.el-color-svpanel { - - position: relative; - - width: 280px; - - height: 180px; -} - -.el-color-svpanel__white, .el-color-svpanel__black { - - position: absolute; - - top: 0; - - left: 0; - - right: 0; - - bottom: 0; -} - -.el-color-svpanel__white { - - background: linear-gradient(to right, #fff, rgba(255,255,255,0)); -} - -.el-color-svpanel__black { - - background: linear-gradient(to top, #000, rgba(0,0,0,0)); -} - -.el-color-svpanel__cursor { - - position: absolute; -} - -.el-color-svpanel__cursor > div { - - cursor: head; - - width: 4px; - - height: 4px; - - box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,0.3), 0 0 1px 2px rgba(0,0,0,0.4); - - border-radius: 50%; - - transform: translate(-2px, -2px); -} - -.el-color-alpha-slider { - - position: relative; - - box-sizing: border-box; - - width: 280px; - - height: 12px; - - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); -} - -.el-color-alpha-slider.is-vertical { - - width: 20px; - - height: 180px; -} - -.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { - - background: linear-gradient( - to bottom, rgba(255, 255, 255, 0) 0%, - rgba(255, 255, 255, 1) 100%); -} - -.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { - - left: 0; - - top: 0; - - width: 100%; - - height: 4px; -} - -.el-color-alpha-slider__bar { - - position: relative; - - background: linear-gradient( - to right, rgba(255, 255, 255, 0) 0%, - rgba(255, 255, 255, 1) 100%); - - height: 100%; -} - -.el-color-alpha-slider__thumb { - - position: absolute; - - cursor: pointer; - - box-sizing: border-box; - - left: 0; - - top: 0; - - width: 4px; - - height: 100%; - - border-radius: 1px; - - background: #fff; - - border: 1px solid #f0f0f0; - - box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); - - z-index: 1; -} - -.el-color-dropdown { - - width: 300px; -} - -.el-color-dropdown__main-wrapper { - - margin-bottom: 6px; -} - -.el-color-dropdown__main-wrapper::after { - - content: ""; - - display: table; - - clear: both; -} - -.el-color-dropdown__btns { - - margin-top: 6px; - - text-align: right; -} - -.el-color-dropdown__value { - - float: left; - - line-height: 26px; - - font-size: 12px; - - color: rgb(31, 45, 61); -} - -.el-color-dropdown__btn { - - border: 1px solid #dcdcdc; - - color: #333; - - line-height: 24px; - - border-radius: 2px; - - padding: 0 20px; - - cursor: pointer; - - background-color: transparent; - - outline: none; - - font-size: 12px; -} - -.el-color-dropdown__btn[disabled] { - - color: #cccccc; - - cursor: not-allowed; -} - -.el-color-dropdown__btn:hover { - - color: #20a0ff; - - border-color: #20a0ff; -} - -.el-color-dropdown__link-btn { - - cursor: pointer; - - color: #20a0ff; - - text-decoration: none; - - padding: 15px; - - font-size: 12px; -} - -.el-color-dropdown__link-btn:hover { - - color: rgb(77, 179, 255); -} - -.el-color-picker { - - display: inline-block; - - position: relative; - - line-height: normal; -} - -.el-color-picker__trigger { - - display: inline-block; - - box-sizing: border-box; - - height: 36px; - - padding: 6px; - - border: 1px solid #bfcbd9; - - border-radius: 4px; - - font-size: 0; -} - -.el-color-picker__color { - - position: relative; - - display: inline-block; - - box-sizing: border-box; - - border: 1px solid #666; - - width: 22px; - - height: 22px; - - text-align: center; -} - -.el-color-picker__color.is-alpha { - - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); -} - -.el-color-picker__color-inner { - - position: absolute; - - left: 0; - - top: 0; - - right: 0; - - bottom: 0; -} - -.el-color-picker__empty { - - font-size: 12px; - - vertical-align: middle; - - color: #666; - - position: absolute; - - top: 4px; - - left: 4px; -} - -.el-color-picker__icon { - - display: inline-block; - - position: relative; - - top: -6px; - - margin-left: 8px; - - width: 12px; - - color: #888; - - font-size: 12px; -} - -.el-color-picker__panel { - - position: absolute; - - z-index: 10; - - padding: 6px; - - background-color: #fff; - - border: 1px solid rgb(209, 219, 229); - - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); -} -:root { - - /* Transition - -------------------------- */ - - /* Colors - -------------------------- */ - - /* Link - -------------------------- */ - - /* Border - -------------------------- */ - - /* Box-shadow - -------------------------- */ - - /* Fill - -------------------------- */ - - /* Font - -------------------------- */ - - /* Size - -------------------------- */ - - /* z-index - -------------------------- */ - - /* Disable base - -------------------------- */ - - /* Icon - -------------------------- */ - - /* Checkbox - -------------------------- */ - - /* Radio - -------------------------- */ - - /* Select - -------------------------- */ - - /* Alert - -------------------------- */ - - /* Message Box - -------------------------- */ - - /* Message - -------------------------- */ - - /* Notification - -------------------------- */ - - /* Input - -------------------------- */ - - /* Cascader - -------------------------- */ - - /* Group - -------------------------- */ - - /* Tab - -------------------------- */ - - /* Button - -------------------------- */ - - /* cascader - -------------------------- */ - - /* Switch - -------------------------- */ - - /* Dialog - -------------------------- */ - - /* Table - -------------------------- */ - - /* Pagination - -------------------------- */ - - /* Popover - -------------------------- */ - - /* Tooltip - -------------------------- */ - - /* Tag - -------------------------- */ - - /* Dropdown - -------------------------- */ - - /* Badge - -------------------------- */ - - /* Card - --------------------------*/ - - /* Slider - --------------------------*/ - - /* Steps - --------------------------*/ - - /* Menu - --------------------------*/ - - /* Rate - --------------------------*/ - - /* DatePicker - --------------------------*/ - - /* Loading - --------------------------*/ - - /* Scrollbar - --------------------------*/ - - /* Carousel - --------------------------*/ - - /* Collapse - --------------------------*/ - - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/date-picker.css b/src/css/theme/date-picker.css deleted file mode 100644 index 607e8fd..0000000 --- a/src/css/theme/date-picker.css +++ /dev/null @@ -1,2140 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-date-table { - font-size: 12px; - min-width: 224px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.el-date-table td { - width: 32px; - height: 32px; - box-sizing: border-box; - text-align: center; - cursor: pointer; -} -.el-date-table td.next-month, .el-date-table td.prev-month { - color: #ddd; -} -.el-date-table td.today { - color: #20a0ff; - position: relative; -} -.el-date-table td.today:before { - content: " "; - position: absolute; - top: 0px; - right: 0px; - width: 0; - height: 0; - border-top: 0.5em solid #20a0ff; - border-left: .5em solid transparent; -} -.el-date-table td.available:hover { - background-color: rgb(228, 232, 241); -} -.el-date-table td.in-range { - background-color: rgb(210, 236, 255); -} -.el-date-table td.in-range:hover { - background-color: rgb(175, 221, 255); -} -.el-date-table td.current:not(.disabled), .el-date-table td.start-date, .el-date-table td.end-date { - background-color: #20a0ff !important; - color: #fff; -} -.el-date-table td.disabled { - background-color: #f4f4f4; - opacity: 1; - cursor: not-allowed; - color: #ccc; -} -.el-date-table td.week { - font-size: 80%; - color: rgb(131, 145, 165); -} -.el-date-table th { - padding: 5px; - color: rgb(131, 145, 165); - font-weight: 400; -} -.el-date-table.is-week-mode .el-date-table__row {} -.el-date-table.is-week-mode .el-date-table__row:hover { - background-color: rgb(228, 232, 241); -} -.el-date-table.is-week-mode .el-date-table__row.current { - background-color: rgb(210, 236, 255); -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-month-table { - font-size: 12px; - margin: -1px; - border-collapse: collapse; -} -.el-month-table td { - text-align: center; - padding: 20px 3px; - cursor: pointer; -} -.el-month-table td .cell { - width: 48px; - height: 32px; - display: block; - line-height: 32px; - color: rgb(72, 87, 106); -} -.el-month-table td .cell:hover { - background-color: rgb(228, 232, 241); -} -.el-month-table td.disabled .cell { - background-color: #f4f4f4; - cursor: not-allowed; - color: #ccc; -} -.el-month-table td.current:not(.disabled) .cell { - background-color: #20a0ff !important; - color: #fff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-year-table { - font-size: 12px; - margin: -1px; - border-collapse: collapse; -} -.el-year-table .el-icon { - color: rgb(151, 168, 190); -} -.el-year-table td { - text-align: center; - padding: 20px 3px; - cursor: pointer; -} -.el-year-table td .cell { - width: 48px; - height: 32px; - display: block; - line-height: 32px; - color: rgb(72, 87, 106); -} -.el-year-table td .cell:hover { - background-color: rgb(228, 232, 241); -} -.el-year-table td.disabled .cell { - background-color: #f4f4f4; - cursor: not-allowed; - color: #ccc; -} -.el-year-table td.current:not(.disabled) .cell { - background-color: #20a0ff !important; - color: #fff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-spinner {} -.el-time-spinner.has-seconds .el-time-spinner__wrapper { - width: 33%; -} -.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) { - margin-left: 1%; -} -.el-time-spinner__wrapper { - max-height: 190px; - overflow: auto; - display: inline-block; - width: 50%; - vertical-align: top; - position: relative; -} -.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { - padding-bottom: 15px; -} -.el-time-spinner__list { - padding: 0; - margin: 0; - list-style: none; - text-align: center; -} -.el-time-spinner__list::after, .el-time-spinner__list::before { - content: ''; - display: block; - width: 100%; - height: 80px; -} -.el-time-spinner__item { - height: 32px; - line-height: 32px; - font-size: 12px; -} -.el-time-spinner__item:hover:not(.disabled):not(.active) { - background: rgb(228, 232, 241); - cursor: pointer; -} -.el-time-spinner__item.active:not(.disabled) { - color: #fff; -} -.el-time-spinner__item.disabled { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -/* DEPRECATED */ -.fade-in-linear-enter-active, .fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-enter-active, .el-fade-in-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-fade-in-enter, .el-fade-in-leave-active { - opacity: 0; -} -.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { - opacity: 0; - transform: scaleX(0); -} -.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center top; -} -.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center bottom; -} -.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { - opacity: 1; - transform: scale(1, 1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: top left; -} -.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { - opacity: 0; - transform: scale(.45, .45); -} -.collapse-transition { - transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; -} -.horizontal-collapse-transition { - transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; -} -.el-list-enter-active, .el-list-leave-active { - transition: all 1s; -} -.el-list-enter, .el-list-leave-active { - opacity: 0; - transform: translateY(-30px); -} -.el-opacity-transition { - transition: opacity .3s cubic-bezier(.55,0,.1,1); -} -.el-date-editor { - position: relative; - display: inline-block; -} -.el-date-editor .el-picker-panel { - position: absolute; - min-width: 180px; - box-sizing: border-box; - box-shadow: 0 2px 6px #ccc; - background: #fff; - z-index: 10; - top: 41px; -} -.el-date-editor.el-input { - width: 193px; -} -.el-date-editor--daterange {} -.el-date-editor--daterange.el-input { - width: 220px; -} -.el-date-editor--datetimerange {} -.el-date-editor--datetimerange.el-input { - width: 350px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-picker-panel { - color: rgb(72, 87, 106); - border: 1px solid rgb(209, 219, 229); - box-shadow: 0 2px 6px #ccc; - background: #fff; - border-radius: 2px; - line-height: 20px; - margin: 5px 0; -} -.el-picker-panel__body, .el-picker-panel__body-wrapper {} -.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after { - content: ""; - display: table; - clear: both; -} -.el-picker-panel__content { - position: relative; - margin: 15px; -} -.el-picker-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - text-align: right; - background-color: #fff; - position: relative; -} -.el-picker-panel__shortcut { - display: block; - width: 100%; - border: 0; - background-color: transparent; - line-height: 28px; - font-size: 14px; - color: rgb(72, 87, 106); - padding-left: 12px; - text-align: left; - outline: none; - cursor: pointer; -} -.el-picker-panel__shortcut:hover { - background-color: rgb(228, 232, 241); -} -.el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #20a0ff; -} -.el-picker-panel__btn { - border: 1px solid #dcdcdc; - color: #333; - line-height: 24px; - border-radius: 2px; - padding: 0 20px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; -} -.el-picker-panel__btn[disabled] { - color: #cccccc; - cursor: not-allowed; -} -.el-picker-panel__icon-btn { - font-size: 12px; - color: rgb(151, 168, 190); - border: 0; - background: transparent; - cursor: pointer; - outline: none; - margin-top: 3px; -} -.el-picker-panel__icon-btn:hover { - color: #20a0ff; -} -.el-picker-panel__link-btn { - cursor: pointer; - color: #20a0ff; - text-decoration: none; - padding: 15px; - font-size: 12px; -} -.el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar { - position: absolute; - top: 0; - bottom: 0; - width: 110px; - border-right: 1px solid #e4e4e4; - box-sizing: border-box; - padding-top: 6px; - background-color: rgb(251, 253, 255); - overflow: auto; -} -.el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { - margin-left: 110px; -} -.el-date-picker { - min-width: 254px; -} -.el-date-picker .el-picker-panel__content { - min-width: 224px; -} -.el-date-picker table { - table-layout: fixed; - width: 100%; -} -.el-date-picker.has-sidebar.has-time { - min-width: 434px; -} -.el-date-picker.has-sidebar { - min-width: 370px; -} -.el-date-picker.has-time { - min-width: 324px; -} -.el-date-picker__editor-wrap { - position: relative; - display: table-cell; - padding: 0 5px; -} -.el-date-picker__time-header { - position: relative; - border-bottom: 1px solid #e4e4e4; - font-size: 12px; - padding: 8px 5px 5px 5px; - display: table; - width: 100%; - box-sizing: border-box; -} -.el-date-picker__header { - margin: 12px; - text-align: center; -} -.el-date-picker__header-label { - font-size: 14px; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; -} -.el-date-picker__header-label:hover { - color: #20a0ff; -} -.el-date-picker__header-label.active { - color: #20a0ff; -} -.el-date-picker__prev-btn { - float: left; -} -.el-date-picker__next-btn { - float: right; -} -.el-date-picker__time-wrap { - padding: 10px; - text-align: center; -} -.el-date-picker__time-label { - float: left; - cursor: pointer; - line-height: 30px; - margin-left: 10px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-date-range-picker { - min-width: 520px; -} -.el-date-range-picker table { - table-layout: fixed; - width: 100%; -} -.el-date-range-picker .el-picker-panel__body { - min-width: 513px; -} -.el-date-range-picker .el-picker-panel__content { - margin: 0; -} -.el-date-range-picker.has-sidebar.has-time { - min-width: 766px; -} -.el-date-range-picker.has-sidebar { - min-width: 620px; -} -.el-date-range-picker.has-time { - min-width: 660px; -} -.el-date-range-picker__header { - position: relative; - text-align: center; - height: 28px; -} -.el-date-range-picker__header button { - float: left; -} -.el-date-range-picker__header div { - font-size: 14px; - margin-right: 50px; -} -.el-date-range-picker__content { - float: left; - width: 50%; - box-sizing: border-box; - margin: 0; - padding: 16px; -} -.el-date-range-picker__content.is-right .el-date-range-picker__header button { - float: right; -} -.el-date-range-picker__content.is-right .el-date-range-picker__header div { - margin-left: 50px; - margin-right: 50px; -} -.el-date-range-picker__content.is-left { - border-right: 1px solid #e4e4e4; -} -.el-date-range-picker__editors-wrap { - box-sizing: border-box; - display: table-cell; -} -.el-date-range-picker__editors-wrap.is-right { - text-align: right; -} -.el-date-range-picker__time-header { - position: relative; - border-bottom: 1px solid #e4e4e4; - font-size: 12px; - padding: 8px 5px 5px 5px; - display: table; - width: 100%; - box-sizing: border-box; -} -.el-date-range-picker__time-header > .el-icon-arrow-right { - font-size: 20px; - vertical-align: middle; - display: table-cell; - color: rgb(151, 168, 190); -} -.el-date-range-picker__time-picker-wrap { - position: relative; - display: table-cell; - padding: 0 5px; -} -.el-date-range-picker__time-picker-wrap .el-picker-panel { - position: absolute; - top: 13px; - right: 0; - z-index: 1; - background: #fff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-range-picker { - min-width: 354px; - overflow: visible; -} -.el-time-range-picker__content { - position: relative; - text-align: center; - padding: 10px; -} -.el-time-range-picker__cell { - box-sizing: border-box; - margin: 0; - padding: 4px 7px 7px; - width: 50%; - display: inline-block; -} -.el-time-range-picker__header { - margin-bottom: 5px; - text-align: center; - font-size: 14px; -} -.el-time-range-picker__body { - border-radius: 2px; - border: 1px solid rgb(209, 219, 229); -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-panel { - margin: 5px 0; - border: solid 1px rgb(209, 219, 229); - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - border-radius: 2px; - position: absolute; - width: 180px; - left: 0; - z-index: 1000; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.el-time-panel__content { - font-size: 0; - position: relative; - overflow: hidden; -} -.el-time-panel__content::after, .el-time-panel__content::before { - content: ":"; - top: 50%; - color: #fff; - position: absolute; - font-size: 14px; - margin-top: -15px; - line-height: 16px; - background-color: #20a0ff; - height: 32px; - z-index: -1; - left: 0; - right: 0; - box-sizing: border-box; - padding-top: 6px; - text-align: left; -} -.el-time-panel__content::after { - left: 50%; - margin-left: -2px; -} -.el-time-panel__content::before { - padding-left: 50%; - margin-right: -2px; -} -.el-time-panel__content.has-seconds {} -.el-time-panel__content.has-seconds::after { - left: 66.66667%; -} -.el-time-panel__content.has-seconds::before { - padding-left: 33.33333%; -} -.el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - box-sizing: border-box; -} -.el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; - color: rgb(131, 145, 165); -} -.el-time-panel__btn.confirm { - font-weight: 800; - color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -}:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/dialog.css b/src/css/theme/dialog.css deleted file mode 100644 index ac2800a..0000000 --- a/src/css/theme/dialog.css +++ /dev/null @@ -1,329 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.v-modal-enter{ - animation: v-modal-in .2s ease; -} -.v-modal-leave{ - animation: v-modal-out .2s ease forwards; -} -@keyframes v-modal-in{ - 0%{ - opacity: 0; - } - 100%{} -} -@keyframes v-modal-out{ - 0%{} - 100%{ - opacity: 0; - } -} -.v-modal{ - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0.5; - background: #000; -} - -.el-dialog{ - position: absolute; - left: 50%; - transform: translateX(-50%); - background: #fff; - border-radius: 2px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - box-sizing: border-box; - margin-bottom: 50px; -} - -.el-dialog--tiny{ - width: 30%; -} - -.el-dialog--small{ - width: 50%; -} - -.el-dialog--large{ - width: 90%; -} - -.el-dialog--full{ - width: 100%; - top: 0; - margin-bottom: 0; - height: 100%; - overflow: auto; -} - -.el-dialog__wrapper{ - top: 0; - right: 0; - bottom: 0; - left: 0; - position: fixed; - overflow: auto; - margin: 0; -} - -.el-dialog__header{ - padding: 20px 20px 0; -} - -.el-dialog__header:before, .el-dialog__header:after{ - display: table; - content: ""; -} - -.el-dialog__header:after{ - clear: both; -} - -.el-dialog__headerbtn{ - float: right; - background: transparent; - border: none; - outline: none; - padding: 0; - cursor: pointer; - font-size: 16px; -} - -.el-dialog__headerbtn .el-dialog__close { - color: rgb(191, 203, 217); -} - -.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close{ - color: #20a0ff; -} - -.el-dialog__title{ - line-height: 1; - font-size: 16px; - font-weight: 700; - color: rgb(31, 45, 61); -} - -.el-dialog__body{ - padding: 30px 20px; - color: rgb(72, 87, 106); - font-size: 14px; -} - -.el-dialog__footer{ - padding: 10px 20px 15px; - text-align: right; - box-sizing: border-box; -} - -.dialog-fade-enter-active { - animation: dialog-fade-in .3s; -} - -.dialog-fade-leave-active { - animation: dialog-fade-out .3s; -} - -@keyframes dialog-fade-in { - 0% { - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - transform: translate3d(0, 0, 0); - opacity: 1; - } -} - -@keyframes dialog-fade-out { - 0% { - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/dropdown-item.css b/src/css/theme/dropdown-item.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/dropdown-item.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/dropdown-menu.css b/src/css/theme/dropdown-menu.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/dropdown-menu.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/dropdown.css b/src/css/theme/dropdown.css deleted file mode 100644 index 92d71cf..0000000 --- a/src/css/theme/dropdown.css +++ /dev/null @@ -1,740 +0,0 @@ -.el-button-group:before, .el-button-group:after{ - display: table; - content: ""; -} -.el-button-group:after{ - clear: both; -}@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-button{ - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-color: #c4c4c4; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; -} -.el-button + .el-button{ - margin-left: 10px; -} -.el-button:hover, .el-button:focus{ - color: #20a0ff; - border-color: #20a0ff; -} -.el-button:active{ - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - outline: none; -} -.el-button::-moz-focus-inner{ - border: 0; -} -.el-button [class*="el-icon-"]{} -.el-button [class*="el-icon-"] + span{ - margin-left: 5px; -} -.el-button.is-loading{ - position: relative; - pointer-events: none; -} -.el-button.is-loading:before{ - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255,255,255,.35); -} -.el-button.is-disabled{} -.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); -} -.el-button.is-disabled.el-button--text{ - background-color: transparent; -} -.el-button.is-disabled.is-plain{} -.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus{ - background-color: #fff; - border-color: rgb(209, 219, 229); - color: rgb(191, 203, 217); -} -.el-button.is-active{ - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); -} -.el-button.is-plain{} -.el-button.is-plain:hover, .el-button.is-plain:focus{ - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button.is-plain:active{ - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--primary{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} -.el-button--primary:hover, .el-button--primary:focus{ - background: rgb(77, 179, 255); - border-color: rgb(77, 179, 255); - color: #fff; -} -.el-button--primary:active{ - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; - outline: none; -} -.el-button--primary.is-active{ - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; -} -.el-button--primary.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus{ - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button--primary.is-plain:active{ - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--success{ - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} -.el-button--success:hover, .el-button--success:focus{ - background: rgb(66, 216, 133); - border-color: rgb(66, 216, 133); - color: #fff; -} -.el-button--success:active{ - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; - outline: none; -} -.el-button--success.is-active{ - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; -} -.el-button--success.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--success.is-plain:hover, .el-button--success.is-plain:focus{ - background: #fff; - border-color: #13ce66; - color: #13ce66; -} -.el-button--success.is-plain:active{ - background: #fff; - border-color: rgb(17, 185, 92); - color: rgb(17, 185, 92); - outline: none; -} -.el-button--warning{ - color: #fff; - background-color: #f7ba2a; - border-color: #f7ba2a; -} -.el-button--warning:hover, .el-button--warning:focus{ - background: rgb(249, 200, 85); - border-color: rgb(249, 200, 85); - color: #fff; -} -.el-button--warning:active{ - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; - outline: none; -} -.el-button--warning.is-active{ - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; -} -.el-button--warning.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus{ - background: #fff; - border-color: #f7ba2a; - color: #f7ba2a; -} -.el-button--warning.is-plain:active{ - background: #fff; - border-color: rgb(222, 167, 38); - color: rgb(222, 167, 38); - outline: none; -} -.el-button--danger{ - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} -.el-button--danger:hover, .el-button--danger:focus{ - background: rgb(255, 109, 109); - border-color: rgb(255, 109, 109); - color: #fff; -} -.el-button--danger:active{ - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; - outline: none; -} -.el-button--danger.is-active{ - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; -} -.el-button--danger.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus{ - background: #fff; - border-color: #ff4949; - color: #ff4949; -} -.el-button--danger.is-plain:active{ - background: #fff; - border-color: rgb(230, 66, 66); - color: rgb(230, 66, 66); - outline: none; -} -.el-button--info{ - color: #fff; - background-color: #50bfff; - border-color: #50bfff; -} -.el-button--info:hover, .el-button--info:focus{ - background: rgb(115, 204, 255); - border-color: rgb(115, 204, 255); - color: #fff; -} -.el-button--info:active{ - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; - outline: none; -} -.el-button--info.is-active{ - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; -} -.el-button--info.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--info.is-plain:hover, .el-button--info.is-plain:focus{ - background: #fff; - border-color: #50bfff; - color: #50bfff; -} -.el-button--info.is-plain:active{ - background: #fff; - border-color: rgb(72, 172, 230); - color: rgb(72, 172, 230); - outline: none; -} -.el-button--large{ - padding: 11px 19px; - font-size: 16px; - border-radius: 4px; -} -.el-button--small{ - padding: 7px 9px; - font-size: 12px; - border-radius: 4px; -} -.el-button--mini{ - padding: 4px 4px; - font-size: 12px; - border-radius: 4px; -} -.el-button--text{ - border: none; - color: #20a0ff; - background: transparent; - padding-left: 0; - padding-right: 0; -} -.el-button--text:hover, .el-button--text:focus{ - color: rgb(77, 179, 255); -} -.el-button--text:active{ - color: rgb(29, 144, 230); -} -.el-button-group{ - display: inline-block; - vertical-align: middle; -} -.el-button-group .el-button--primary{} -.el-button-group .el-button--primary:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success{} -.el-button-group .el-button--success:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning{} -.el-button-group .el-button--warning:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger{} -.el-button-group .el-button--danger:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info{} -.el-button-group .el-button--info:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button{ - float: left; - position: relative; -} -.el-button-group .el-button + .el-button{ - margin-left: 0; -} -.el-button-group .el-button:first-child{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-button-group .el-button:last-child{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-button-group .el-button:not(:first-child):not(:last-child){ - border-radius: 0; -} -.el-button-group .el-button:not(:last-child){ - margin-right: -1px; -} -.el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active{ - z-index: 1; -} -.el-button-group .el-button.is-active{ - z-index: 1; -} - -.el-dropdown{ - display: inline-block; - position: relative; - color: rgb(72, 87, 106); - font-size: 14px; -} - -.el-dropdown .el-button-group{ - display: block; -} - -.el-dropdown .el-button-group .el-button{ - float: none; -} - -.el-dropdown .el-dropdown__caret-button{ - padding-right: 5px; - padding-left: 5px; -} - -.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{ - padding-left: 0; -} - -.el-dropdown__icon{ - font-size: 12px; - margin: 0 3px; -} - -.el-dropdown-menu{ - margin: 5px 0; - background-color: #fff; - border: 1px solid rgb(209, 219, 229); - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); - padding: 6px 0; - z-index: 10; - position: absolute; - top: 0; - left: 0; - min-width: 100px; -} - -.el-dropdown-menu__item{ - list-style: none; - line-height: 36px; - padding: 0 10px; - margin: 0; - cursor: pointer; -} - -.el-dropdown-menu__item:not(.is-disabled):hover{ - background-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} - -.el-dropdown-menu__item.is-disabled{ - cursor: default; - color: rgb(191, 203, 217); - pointer-events: none; -} - -.el-dropdown-menu__item--divided{ - position: relative; - margin-top: 6px; - border-top: 1px solid rgb(209, 219, 229); -} - -.el-dropdown-menu__item--divided:before{ - content: ''; - height: 6px; - display: block; - margin: 0 -10px; - background-color: #fff; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/element-variables.css b/src/css/theme/element-variables.css deleted file mode 100644 index 20a244e..0000000 --- a/src/css/theme/element-variables.css +++ /dev/null @@ -1,137 +0,0 @@ -:root { - - /* Transition - -------------------------- */ - - /* Colors - -------------------------- */ - - /* Link - -------------------------- */ - - /* Border - -------------------------- */ - - /* Box-shadow - -------------------------- */ - - /* Fill - -------------------------- */ - - /* Font - -------------------------- */ - - /* Size - -------------------------- */ - - /* z-index - -------------------------- */ - - /* Disable base - -------------------------- */ - - /* Icon - -------------------------- */ - - /* Checkbox - -------------------------- */ - - - - /* Radio - -------------------------- */ - - /* Select - -------------------------- */ - - /* Alert - -------------------------- */ - - /* Message Box - -------------------------- */ - - /* Message - -------------------------- */ - - /* Notification - -------------------------- */ - - /* Input - -------------------------- */ - - /* Cascader - -------------------------- */ - - /* Group - -------------------------- */ - - /* Tab - -------------------------- */ - - /* Button - -------------------------- */ - - - /* cascader - -------------------------- */ - - /* Switch - -------------------------- */ - - /* Dialog - -------------------------- */ - - /* Table - -------------------------- */ - - /* Pagination - -------------------------- */ - - /* Popover - -------------------------- */ - - /* Tooltip - -------------------------- */ - - /* Tag - -------------------------- */ - - /* Dropdown - -------------------------- */ - - /* Badge - -------------------------- */ - - /* Card - --------------------------*/ - - /* Slider - --------------------------*/ - - /* Steps - --------------------------*/ - - /* Menu - --------------------------*/ - - /* Rate - --------------------------*/ - - /* DatePicker - --------------------------*/ - - /* Loading - --------------------------*/ - - /* Scrollbar - --------------------------*/ - - /* Carousel - --------------------------*/ - - /* Collapse - --------------------------*/ - - /* Transfer - --------------------------*/ -} diff --git a/src/css/theme/fonts/element-icons.ttf b/src/css/theme/fonts/element-icons.ttf deleted file mode 100644 index 9c1b720..0000000 Binary files a/src/css/theme/fonts/element-icons.ttf and /dev/null differ diff --git a/src/css/theme/fonts/element-icons.woff b/src/css/theme/fonts/element-icons.woff deleted file mode 100644 index 2bbd019..0000000 Binary files a/src/css/theme/fonts/element-icons.woff and /dev/null differ diff --git a/src/css/theme/form-item.css b/src/css/theme/form-item.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/form-item.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/form.css b/src/css/theme/form.css deleted file mode 100644 index fb80286..0000000 --- a/src/css/theme/form.css +++ /dev/null @@ -1,289 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-form{} - -.el-form--label-left{} - -.el-form--label-left .el-form-item__label{ - text-align: left; -} - -.el-form--label-top{} - -.el-form--label-top .el-form-item__label{ - float: none; - display: inline-block; - text-align: left; - padding: 0 0 10px 0; -} - -.el-form--inline{} - -.el-form--inline .el-form-item{ - display: inline-block; - margin-right: 10px; - vertical-align: top; -} - -.el-form--inline .el-form-item__label{ - float: none; - display: inline-block; -} - -.el-form--inline .el-form-item__content{ - display: inline-block; - vertical-align: top; -} - -.el-form--inline.el-form--label-top .el-form-item__content{ - display: block; -} - -.el-form-item{ - margin-bottom: 22px; -} - -.el-form-item:before, .el-form-item:after{ - display: table; - content: ""; -} - -.el-form-item:after{ - clear: both; -} - -.el-form-item .el-form-item{ - margin-bottom: 0; -} - -.el-form-item.is-error .el-input-group__append, .el-form-item.is-error .el-input-group__prepend, .el-form-item.is-error{} - -.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner, .el-form-item.is-error .el-input__inner{ - border-color: transparent; -} - -.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-textarea__inner{ - border-color: #ff4949; -} - -.el-form-item.is-required .el-form-item__label:before{ - content: '*'; - color: #ff4949; - margin-right: 4px; -} - -.el-form-item__label{ - text-align: right; - vertical-align: middle; - float: left; - font-size: 14px; - color: rgb(72, 87, 106); - line-height: 1; - padding: 11px 12px 11px 0; - box-sizing: border-box; -} - -.el-form-item__content{ - line-height: 36px; - position: relative; - font-size: 14px; -} - -.el-form-item__content:before, .el-form-item__content:after{ - display: table; - content: ""; -} - -.el-form-item__content:after{ - clear: both; -} - -.el-form-item__error{ - color: #ff4949; - font-size: 12px; - line-height: 1; - padding-top: 4px; - position: absolute; - top: 100%; - left: 0; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/icon.css b/src/css/theme/icon.css deleted file mode 100644 index d6610b7..0000000 --- a/src/css/theme/icon.css +++ /dev/null @@ -1,130 +0,0 @@ -@font-face { - font-family: 'element-icons'; - src: url('fonts/element-icons.woff?t=1472440741') format('woff'), /* chrome, firefox */ - url('fonts/element-icons.ttf?t=1472440741') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ - font-weight: 400; - font-style: normal; -} - -[class^="el-icon-"], [class*=" el-icon-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'element-icons' !important; - speak: none; - font-style: normal; - font-weight: 400; - font-variant: normal; - text-transform: none; - line-height: 1; - vertical-align: baseline; - display: inline-block; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.el-icon-arrow-down:before { content: "\e600"; } -.el-icon-arrow-left:before { content: "\e601"; } -.el-icon-arrow-right:before { content: "\e602"; } -.el-icon-arrow-up:before { content: "\e603"; } -.el-icon-caret-bottom:before { content: "\e604"; } -.el-icon-caret-left:before { content: "\e605"; } -.el-icon-caret-right:before { content: "\e606"; } -.el-icon-caret-top:before { content: "\e607"; } -.el-icon-check:before { content: "\e608"; } -.el-icon-circle-check:before { content: "\e609"; } -.el-icon-circle-close:before { content: "\e60a"; } -.el-icon-circle-cross:before { content: "\e60b"; } -.el-icon-close:before { content: "\e60c"; } -.el-icon-upload:before { content: "\e60d"; } -.el-icon-d-arrow-left:before { content: "\e60e"; } -.el-icon-d-arrow-right:before { content: "\e60f"; } -.el-icon-d-caret:before { content: "\e610"; } -.el-icon-date:before { content: "\e611"; } -.el-icon-delete:before { content: "\e612"; } -.el-icon-document:before { content: "\e613"; } -.el-icon-edit:before { content: "\e614"; } -.el-icon-information:before { content: "\e615"; } -.el-icon-loading:before { content: "\e616"; } -.el-icon-menu:before { content: "\e617"; } -.el-icon-message:before { content: "\e618"; } -.el-icon-minus:before { content: "\e619"; } -.el-icon-more:before { content: "\e61a"; } -.el-icon-picture:before { content: "\e61b"; } -.el-icon-plus:before { content: "\e61c"; } -.el-icon-search:before { content: "\e61d"; } -.el-icon-setting:before { content: "\e61e"; } -.el-icon-share:before { content: "\e61f"; } -.el-icon-star-off:before { content: "\e620"; } -.el-icon-star-on:before { content: "\e621"; } -.el-icon-time:before { content: "\e622"; } -.el-icon-warning:before { content: "\e623"; } -.el-icon-delete2:before { content: "\e624"; } -.el-icon-upload2:before { content: "\e627"; } -.el-icon-view:before { content: "\e626"; } - -.el-icon-loading { - animation: rotating 1s linear infinite; -} - -.el-icon--right { - margin-left: 5px; -} -.el-icon--left { - margin-right: 5px; -} - -@keyframes rotating { - 0% { - transform: rotateZ(0deg); - } - 100% { - transform: rotateZ(360deg); - } -} -:root { /* Transition - -------------------------- */ /* Colors - -------------------------- */ /* Link - -------------------------- */ /* Border - -------------------------- */ /* Box-shadow - -------------------------- */ /* Fill - -------------------------- */ /* Font - -------------------------- */ /* Size - -------------------------- */ /* z-index - -------------------------- */ /* Disable base - -------------------------- */ /* Icon - -------------------------- */ /* Checkbox - -------------------------- */ /* Radio - -------------------------- */ /* Select - -------------------------- */ /* Alert - -------------------------- */ /* Message Box - -------------------------- */ /* Message - -------------------------- */ /* Notification - -------------------------- */ /* Input - -------------------------- */ /* Cascader - -------------------------- */ /* Group - -------------------------- */ /* Tab - -------------------------- */ /* Button - -------------------------- */ /* cascader - -------------------------- */ /* Switch - -------------------------- */ /* Dialog - -------------------------- */ /* Table - -------------------------- */ /* Pagination - -------------------------- */ /* Popover - -------------------------- */ /* Tooltip - -------------------------- */ /* Tag - -------------------------- */ /* Dropdown - -------------------------- */ /* Badge - -------------------------- */ /* Card - --------------------------*/ /* Slider - --------------------------*/ /* Steps - --------------------------*/ /* Menu - --------------------------*/ /* Rate - --------------------------*/ /* DatePicker - --------------------------*/ /* Loading - --------------------------*/ /* Scrollbar - --------------------------*/ /* Carousel - --------------------------*/ /* Collapse - --------------------------*/ /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/index.css b/src/css/theme/index.css deleted file mode 100644 index 83d96b3..0000000 --- a/src/css/theme/index.css +++ /dev/null @@ -1,23222 +0,0 @@ -.el-form-item__content:before, .el-form-item__content:after { - display: table; - content: ""; -} -.el-form-item__content:after { - clear: both; -} -.el-form-item:before, .el-form-item:after { - display: table; - content: ""; -} -.el-form-item:after { - clear: both; -} -.el-breadcrumb:before, .el-breadcrumb:after { - display: table; - content: ""; -} -.el-breadcrumb:after { - clear: both; -} -.el-button-group:before, .el-button-group:after { - display: table; - content: ""; -} -.el-button-group:after { - clear: both; -} -.el-button-group:before, .el-button-group:after { - display: table; - content: ""; -} -.el-button-group:after { - clear: both; -} -.el-button-group:before, .el-button-group:after { - display: table; - content: ""; -} -.el-button-group:after { - clear: both; -} -.el-button-group:before, .el-button-group:after { - display: table; - content: ""; -} -.el-button-group:after { - clear: both; -} -.el-autocomplete-suggestion.is-loading li:after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-dialog__header:before, .el-dialog__header:after { - display: table; - content: ""; -} -.el-dialog__header:after { - clear: both; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -/* DEPRECATED */ -.fade-in-linear-enter-active, .fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-enter-active, .el-fade-in-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-fade-in-enter, .el-fade-in-leave-active { - opacity: 0; -} -.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { - opacity: 0; - transform: scaleX(0); -} -.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center top; -} -.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center bottom; -} -.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { - opacity: 1; - transform: scale(1, 1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: top left; -} -.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { - opacity: 0; - transform: scale(.45, .45); -} -.collapse-transition { - transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; -} -.horizontal-collapse-transition { - transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; -} -.el-list-enter-active, .el-list-leave-active { - transition: all 1s; -} -.el-list-enter, .el-list-leave-active { - opacity: 0; - transform: translateY(-30px); -} -.el-opacity-transition { - transition: opacity .3s cubic-bezier(.55,0,.1,1); -} -@font-face { - font-family: 'element-icons'; - src: url('fonts/element-icons.woff?t=1472440741') format('woff'), /* chrome, firefox */ - url('fonts/element-icons.ttf?t=1472440741') format('truetype'); - /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ - font-weight: 400; - font-style: normal; -} -[class^="el-icon-"], [class*=" el-icon-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'element-icons' !important; - speak: none; - font-style: normal; - font-weight: 400; - font-variant: normal; - text-transform: none; - line-height: 1; - vertical-align: baseline; - display: inline-block; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.el-icon-arrow-down:before { - content: "\e600"; -} -.el-icon-arrow-left:before { - content: "\e601"; -} -.el-icon-arrow-right:before { - content: "\e602"; -} -.el-icon-arrow-up:before { - content: "\e603"; -} -.el-icon-caret-bottom:before { - content: "\e604"; -} -.el-icon-caret-left:before { - content: "\e605"; -} -.el-icon-caret-right:before { - content: "\e606"; -} -.el-icon-caret-top:before { - content: "\e607"; -} -.el-icon-check:before { - content: "\e608"; -} -.el-icon-circle-check:before { - content: "\e609"; -} -.el-icon-circle-close:before { - content: "\e60a"; -} -.el-icon-circle-cross:before { - content: "\e60b"; -} -.el-icon-close:before { - content: "\e60c"; -} -.el-icon-upload:before { - content: "\e60d"; -} -.el-icon-d-arrow-left:before { - content: "\e60e"; -} -.el-icon-d-arrow-right:before { - content: "\e60f"; -} -.el-icon-d-caret:before { - content: "\e610"; -} -.el-icon-date:before { - content: "\e611"; -} -.el-icon-delete:before { - content: "\e612"; -} -.el-icon-document:before { - content: "\e613"; -} -.el-icon-edit:before { - content: "\e614"; -} -.el-icon-information:before { - content: "\e615"; -} -.el-icon-loading:before { - content: "\e616"; -} -.el-icon-menu:before { - content: "\e617"; -} -.el-icon-message:before { - content: "\e618"; -} -.el-icon-minus:before { - content: "\e619"; -} -.el-icon-more:before { - content: "\e61a"; -} -.el-icon-picture:before { - content: "\e61b"; -} -.el-icon-plus:before { - content: "\e61c"; -} -.el-icon-search:before { - content: "\e61d"; -} -.el-icon-setting:before { - content: "\e61e"; -} -.el-icon-share:before { - content: "\e61f"; -} -.el-icon-star-off:before { - content: "\e620"; -} -.el-icon-star-on:before { - content: "\e621"; -} -.el-icon-time:before { - content: "\e622"; -} -.el-icon-warning:before { - content: "\e623"; -} -.el-icon-delete2:before { - content: "\e624"; -} -.el-icon-upload2:before { - content: "\e627"; -} -.el-icon-view:before { - content: "\e626"; -} -.el-icon-loading { - animation: rotating 1s linear infinite; -} -.el-icon--right { - margin-left: 5px; -} -.el-icon--left { - margin-right: 5px; -} -@keyframes rotating { - 0% { - transform: rotateZ(0deg); - } - 100% { - transform: rotateZ(360deg); - } -} -@charset "UTF-8"; -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-dropdown { - position: absolute; - z-index: 1001; - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - box-sizing: border-box; - margin: 5px 0; -} -.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { - padding: 0; -} -.el-select-dropdown.is-multiple {} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { - color: #20a0ff; - background-color: #fff; -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { - background-color: rgb(228, 232, 241); -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { - position: absolute; - right: 10px; - font-family: 'element-icons'; - content: "\E608"; - font-size: 11px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.el-select-dropdown__empty { - padding: 10px 0; - margin: 0; - text-align: center; - color: #999; - font-size: 14px; -} -.el-select-dropdown__wrap { - max-height: 274px; -} -.el-select-dropdown__list { - list-style: none; - padding: 6px 0; - margin: 0; - box-sizing: border-box; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag { - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close { - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover { - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray { - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover { - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit { - border-color: rgb(72, 87, 106); -} -.el-tag--primary { - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover { - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit { - border-color: #20a0ff; -} -.el-tag--success { - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover { - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit { - border-color: #13ce66; -} -.el-tag--warning { - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover { - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit { - border-color: #f7ba2a; -} -.el-tag--danger { - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover { - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit { - border-color: #ff4949; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-dropdown {} -.el-select-dropdown__item { - font-size: 14px; - padding: 8px 10px; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: rgb(72, 87, 106); - height: 36px; - line-height: 1.5; - box-sizing: border-box; - cursor: pointer; -} -.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { - background-color: rgb(228, 232, 241); -} -.el-select-dropdown__item.selected { - color: #fff; - background-color: #20a0ff; -} -.el-select-dropdown__item.selected.hover { - background-color: rgb(28, 141, 224); -} -.el-select-dropdown__item span { - line-height: 1.5 !important; -} -.el-select-dropdown__item.is-disabled { - color: rgb(191, 203, 217); - cursor: not-allowed; -} -.el-select-dropdown__item.is-disabled:hover { - background-color: #fff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-group { - margin: 0; - padding: 0; -} -.el-select-group .el-select-dropdown__item { - padding-left: 20px; -} -.el-select-group__wrap { - list-style: none; - margin: 0; - padding: 0; -} -.el-select-group__title { - padding-left: 10px; - font-size: 12px; - color: #999; - height: 30px; - line-height: 30px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -.el-select { - display: inline-block; - position: relative; -} -.el-select:hover .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-select .el-input__inner { - cursor: pointer; - padding-right: 35px; -} -.el-select .el-input__inner:focus { - border-color: #20a0ff; -} -.el-select .el-input {} -.el-select .el-input .el-input__icon { - color: rgb(191, 203, 217); - font-size: 12px; - transition: transform .3s; - transform: translateY(-50%) rotateZ(180deg); - line-height: 16px; - top: 50%; - cursor: pointer; -} -.el-select .el-input .el-input__icon.is-show-close { - transition: 0s; - width: 16px; - height: 16px; - font-size: 14px; - right: 8px; - text-align: center; - transform: translateY(-50%) rotateZ(180deg); - border-radius: 100%; - color: rgb(191, 203, 217); -} -.el-select .el-input .el-input__icon.is-show-close:hover { - color: rgb(151, 168, 190); -} -.el-select .el-input .el-input__icon.is-reverse { - transform: translateY(-50%); -} -.el-select .el-input.is-disabled {} -.el-select .el-input.is-disabled .el-input__inner { - cursor: not-allowed; -} -.el-select .el-input.is-disabled .el-input__inner:hover { - border-color: rgb(209, 219, 229); -} -.el-select > .el-input { - display: block; -} -.el-select .el-tag__close { - margin-top: -2px; -} -.el-select .el-tag { - height: 24px; - line-height: 24px; - box-sizing: border-box; - margin: 3px 0 3px 6px; -} -.el-select__input { - border: none; - outline: none; - padding: 0; - margin-left: 10px; - color: #666; - font-size: 14px; - vertical-align: baseline; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 28px; - background-color: transparent; -} -.el-select__input.is-mini { - height: 14px; -} -.el-select__close { - cursor: pointer; - position: absolute; - top: 8px; - z-index: 1000; - right: 25px; - color: rgb(191, 203, 217); - line-height: 18px; - font-size: 12px; -} -.el-select__close:hover { - color: rgb(151, 168, 190); -} -.el-select__tags { - position: absolute; - line-height: normal; - white-space: normal; - z-index: 1; - top: 50%; - transform: translateY(-50%); -} -.el-select__tag { - display: inline-block; - height: 24px; - line-height: 24px; - font-size: 14px; - border-radius: 4px; - color: #fff; - background-color: #20a0ff; -} -.el-select__tag .el-icon-close { - font-size: 12px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-pagination { - white-space: nowrap; - padding: 2px 5px; - color: rgb(72, 87, 106); -} -.el-pagination:before, .el-pagination:after { - display: table; - content: ""; -} -.el-pagination:after { - clear: both; -} -.el-pagination span, .el-pagination button { - display: inline-block; - font-size: 13px; - min-width: 28px; - height: 28px; - line-height: 28px; - vertical-align: top; - box-sizing: border-box; -} -.el-pagination .el-select .el-input { - width: 110px; -} -.el-pagination .el-select .el-input input { - padding-right: 25px; - border-radius: 2px; - height: 28px; -} -.el-pagination button { - border: none; - padding: 0 6px; - background: transparent; -} -.el-pagination button:focus { - outline: none; -} -.el-pagination button:hover { - color: #20a0ff; -} -.el-pagination button.disabled { - color: #e4e4e4; - background-color: #fff; - cursor: not-allowed; -} -.el-pagination .btn-prev, .el-pagination .btn-next { - background: center center no-repeat; - background-size: 16px; - background-color: #fff; - border: 1px solid rgb(209, 219, 229); - cursor: pointer; - margin: 0; - color: rgb(151, 168, 190); -} -.el-pagination .btn-prev .el-icon, .el-pagination .btn-next .el-icon { - display: block; - font-size: 12px; -} -.el-pagination .btn-prev { - border-radius: 2px 0 0 2px; - border-right: 0; -} -.el-pagination .btn-next { - border-radius: 0 2px 2px 0; - border-left: 0; -} -.el-pagination--small .btn-prev, .el-pagination--small .btn-next, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li:last-child { - border-color: transparent; - font-size: 12px; - line-height: 22px; - height: 22px; - min-width: 22px; -} -.el-pagination--small .arrow.disabled { - visibility: hidden; -} -.el-pagination--small .el-pager li { - border-radius: 2px; -} -.el-pagination__sizes { - margin: 0 10px 0 0; -} -.el-pagination__sizes .el-input .el-input__inner { - font-size: 13px; - border-color: rgb(209, 219, 229); -} -.el-pagination__sizes .el-input .el-input__inner:hover { - border-color: #20a0ff; -} -.el-pagination__jump { - margin-left: 10px; -} -.el-pagination__total { - margin: 0 10px; -} -.el-pagination__rightwrapper { - float: right; -} -.el-pagination__editor { - border: 1px solid rgb(209, 219, 229); - border-radius: 2px; - line-height: 18px; - padding: 4px 2px; - width: 30px; - text-align: center; - margin: 0 6px; - box-sizing: border-box; - transition: border .3s; - -moz-appearance: textfield; -} -.el-pagination__editor::-webkit-inner-spin-button, .el-pagination__editor::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; -} -.el-pagination__editor:focus { - outline: none; - border-color: #20a0ff; -} -.el-pager { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - list-style: none; - display: inline-block; - vertical-align: top; - font-size: 0; - padding: 0; - margin: 0; -} -.el-pager li { - padding: 0 4px; - border: 1px solid rgb(209, 219, 229); - border-right: 0; - background: #fff; - vertical-align: top; - display: inline-block; - font-size: 13px; - min-width: 28px; - height: 28px; - line-height: 28px; - cursor: pointer; - box-sizing: border-box; - text-align: center; - margin: 0; -} -.el-pager li:last-child { - border-right: 1px solid rgb(209, 219, 229); -} -.el-pager li.btn-quicknext, .el-pager li.btn-quickprev { - line-height: 28px; - color: rgb(151, 168, 190); -} -.el-pager li.btn-quickprev:hover { - cursor: pointer; -} -.el-pager li.btn-quicknext:hover { - cursor: pointer; -} -.el-pager li.active + li { - border-left: 0; - padding-left: 5px; -} -.el-pager li:hover { - color: #20a0ff; -} -.el-pager li.active { - border-color: #20a0ff; - background-color: #20a0ff; - color: #fff; - cursor: default; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.v-modal-enter { - animation: v-modal-in .2s ease; -} -.v-modal-leave { - animation: v-modal-out .2s ease forwards; -} -@keyframes v-modal-in { - 0% { - opacity: 0; - } - 100% {} -} -@keyframes v-modal-out { - 0% {} - 100% { - opacity: 0; - } -} -.v-modal { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0.5; - background: #000; -} -.el-dialog { - position: absolute; - left: 50%; - transform: translateX(-50%); - background: #fff; - border-radius: 2px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - box-sizing: border-box; - margin-bottom: 50px; -} -.el-dialog--tiny { - width: 30%; -} -.el-dialog--small { - width: 50%; -} -.el-dialog--large { - width: 90%; -} -.el-dialog--full { - width: 100%; - top: 0; - margin-bottom: 0; - height: 100%; - overflow: auto; -} -.el-dialog__wrapper { - top: 0; - right: 0; - bottom: 0; - left: 0; - position: fixed; - overflow: auto; - margin: 0; -} -.el-dialog__header { - padding: 20px 20px 0; -} -.el-dialog__headerbtn { - float: right; - background: transparent; - border: none; - outline: none; - padding: 0; - cursor: pointer; - font-size: 16px; -} -.el-dialog__headerbtn .el-dialog__close { - color: rgb(191, 203, 217); -} -.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { - color: #20a0ff; -} -.el-dialog__title { - line-height: 1; - font-size: 16px; - font-weight: 700; - color: rgb(31, 45, 61); -} -.el-dialog__body { - padding: 30px 20px; - color: rgb(72, 87, 106); - font-size: 14px; -} -.el-dialog__footer { - padding: 10px 20px 15px; - text-align: right; - box-sizing: border-box; -} -.dialog-fade-enter-active { - animation: dialog-fade-in .3s; -} -.dialog-fade-leave-active { - animation: dialog-fade-out .3s; -} -@keyframes dialog-fade-in { - 0% { - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - transform: translate3d(0, 0, 0); - opacity: 1; - } -} -@keyframes dialog-fade-out { - 0% { - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -@charset "UTF-8"; -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -.el-autocomplete { - position: relative; - display: inline-block; -} -.el-autocomplete-suggestion { - margin: 5px 0; - box-shadow: 0 0 6px 0 rgba(0,0,0,0.04), 0 2px 4px 0 rgba(0,0,0,0.12); -} -.el-autocomplete-suggestion li { - list-style: none; - line-height: 36px; - padding: 0 10px; - margin: 0; - cursor: pointer; - color: rgb(72, 87, 106); - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.el-autocomplete-suggestion li:hover { - background-color: rgb(228, 232, 241); -} -.el-autocomplete-suggestion li.highlighted { - background-color: #20a0ff; - color: #fff; -} -.el-autocomplete-suggestion li:active { - background-color: rgb(0, 130, 230); -} -.el-autocomplete-suggestion li.divider { - margin-top: 6px; - border-top: 1px solid rgb(209, 219, 229); -} -.el-autocomplete-suggestion li.divider:last-child { - margin-bottom: -6px; -} -.el-autocomplete-suggestion.is-loading li { - text-align: center; - height: 100px; - line-height: 100px; - font-size: 20px; - color: #999; -} -.el-autocomplete-suggestion.is-loading li:hover { - background-color: #fff; -} -.el-autocomplete-suggestion.is-loading .el-icon-loading { - vertical-align: middle; -} -.el-autocomplete-suggestion__wrap { - max-height: 280px; - overflow: auto; - background-color: #fff; - border: 1px solid rgb(209, 219, 229); - padding: 6px 0; - border-radius: 2px; - box-sizing: border-box; -} -.el-autocomplete-suggestion__list { - margin: 0; - padding: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-button { - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-color: #c4c4c4; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; -} -.el-button + .el-button { - margin-left: 10px; -} -.el-button:hover, .el-button:focus { - color: #20a0ff; - border-color: #20a0ff; -} -.el-button:active { - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - outline: none; -} -.el-button::-moz-focus-inner { - border: 0; -} -.el-button [class*="el-icon-"] {} -.el-button [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-button.is-loading { - position: relative; - pointer-events: none; -} -.el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255,255,255,.35); -} -.el-button.is-disabled {} -.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); -} -.el-button.is-disabled.el-button--text { - background-color: transparent; -} -.el-button.is-disabled.is-plain {} -.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { - background-color: #fff; - border-color: rgb(209, 219, 229); - color: rgb(191, 203, 217); -} -.el-button.is-active { - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); -} -.el-button.is-plain {} -.el-button.is-plain:hover, .el-button.is-plain:focus { - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button.is-plain:active { - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--primary { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} -.el-button--primary:hover, .el-button--primary:focus { - background: rgb(77, 179, 255); - border-color: rgb(77, 179, 255); - color: #fff; -} -.el-button--primary:active { - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; - outline: none; -} -.el-button--primary.is-active { - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; -} -.el-button--primary.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button--primary.is-plain:active { - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--success { - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} -.el-button--success:hover, .el-button--success:focus { - background: rgb(66, 216, 133); - border-color: rgb(66, 216, 133); - color: #fff; -} -.el-button--success:active { - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; - outline: none; -} -.el-button--success.is-active { - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; -} -.el-button--success.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #fff; - border-color: #13ce66; - color: #13ce66; -} -.el-button--success.is-plain:active { - background: #fff; - border-color: rgb(17, 185, 92); - color: rgb(17, 185, 92); - outline: none; -} -.el-button--warning { - color: #fff; - background-color: #f7ba2a; - border-color: #f7ba2a; -} -.el-button--warning:hover, .el-button--warning:focus { - background: rgb(249, 200, 85); - border-color: rgb(249, 200, 85); - color: #fff; -} -.el-button--warning:active { - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; - outline: none; -} -.el-button--warning.is-active { - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; -} -.el-button--warning.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #fff; - border-color: #f7ba2a; - color: #f7ba2a; -} -.el-button--warning.is-plain:active { - background: #fff; - border-color: rgb(222, 167, 38); - color: rgb(222, 167, 38); - outline: none; -} -.el-button--danger { - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} -.el-button--danger:hover, .el-button--danger:focus { - background: rgb(255, 109, 109); - border-color: rgb(255, 109, 109); - color: #fff; -} -.el-button--danger:active { - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; - outline: none; -} -.el-button--danger.is-active { - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; -} -.el-button--danger.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #fff; - border-color: #ff4949; - color: #ff4949; -} -.el-button--danger.is-plain:active { - background: #fff; - border-color: rgb(230, 66, 66); - color: rgb(230, 66, 66); - outline: none; -} -.el-button--info { - color: #fff; - background-color: #50bfff; - border-color: #50bfff; -} -.el-button--info:hover, .el-button--info:focus { - background: rgb(115, 204, 255); - border-color: rgb(115, 204, 255); - color: #fff; -} -.el-button--info:active { - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; - outline: none; -} -.el-button--info.is-active { - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; -} -.el-button--info.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { - background: #fff; - border-color: #50bfff; - color: #50bfff; -} -.el-button--info.is-plain:active { - background: #fff; - border-color: rgb(72, 172, 230); - color: rgb(72, 172, 230); - outline: none; -} -.el-button--large { - padding: 11px 19px; - font-size: 16px; - border-radius: 4px; -} -.el-button--small { - padding: 7px 9px; - font-size: 12px; - border-radius: 4px; -} -.el-button--mini { - padding: 4px 4px; - font-size: 12px; - border-radius: 4px; -} -.el-button--text { - border: none; - color: #20a0ff; - background: transparent; - padding-left: 0; - padding-right: 0; -} -.el-button--text:hover, .el-button--text:focus { - color: rgb(77, 179, 255); -} -.el-button--text:active { - color: rgb(29, 144, 230); -} -.el-button-group { - display: inline-block; - vertical-align: middle; -} -.el-button-group .el-button--primary {} -.el-button-group .el-button--primary:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success {} -.el-button-group .el-button--success:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning {} -.el-button-group .el-button--warning:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger {} -.el-button-group .el-button--danger:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info {} -.el-button-group .el-button--info:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button { - float: left; - position: relative; -} -.el-button-group .el-button + .el-button { - margin-left: 0; -} -.el-button-group .el-button:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-button-group .el-button:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-button-group .el-button:not(:first-child):not(:last-child) { - border-radius: 0; -} -.el-button-group .el-button:not(:last-child) { - margin-right: -1px; -} -.el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active { - z-index: 1; -} -.el-button-group .el-button.is-active { - z-index: 1; -} -.el-dropdown { - display: inline-block; - position: relative; - color: rgb(72, 87, 106); - font-size: 14px; -} -.el-dropdown .el-button-group { - display: block; -} -.el-dropdown .el-button-group .el-button { - float: none; -} -.el-dropdown .el-dropdown__caret-button { - padding-right: 5px; - padding-left: 5px; -} -.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { - padding-left: 0; -} -.el-dropdown__icon { - font-size: 12px; - margin: 0 3px; -} -.el-dropdown-menu { - margin: 5px 0; - background-color: #fff; - border: 1px solid rgb(209, 219, 229); - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); - padding: 6px 0; - z-index: 10; - position: absolute; - top: 0; - left: 0; - min-width: 100px; -} -.el-dropdown-menu__item { - list-style: none; - line-height: 36px; - padding: 0 10px; - margin: 0; - cursor: pointer; -} -.el-dropdown-menu__item:not(.is-disabled):hover { - background-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-dropdown-menu__item.is-disabled { - cursor: default; - color: rgb(191, 203, 217); - pointer-events: none; -} -.el-dropdown-menu__item--divided { - position: relative; - margin-top: 6px; - border-top: 1px solid rgb(209, 219, 229); -} -.el-dropdown-menu__item--divided:before { - content: ''; - height: 6px; - display: block; - margin: 0 -10px; - background-color: #fff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-menu-item, .el-submenu__title { - height: 56px; - line-height: 56px; - font-size: 14px; - color: rgb(72, 87, 106); - padding: 0 20px; - cursor: pointer; - position: relative; - transition: border-color .3s, background-color .3s, color .3s; - box-sizing: border-box; - white-space: nowrap; -} -.el-menu { - border-radius: 2px; - list-style: none; - position: relative; - margin: 0; - padding-left: 0; - background-color: rgb(238, 241, 246); -} -.el-menu:before, .el-menu:after { - display: table; - content: ""; -} -.el-menu:after { - clear: both; -} -.el-menu li { - list-style: none; -} -.el-menu--dark { - background-color: rgb(50, 65, 87); -} -.el-menu--dark .el-menu-item, .el-menu--dark .el-submenu__title { - color: rgb(191, 203, 217); -} -.el-menu--dark .el-menu-item:hover, .el-menu--dark .el-submenu__title:hover { - background-color: rgb(72, 87, 106); -} -.el-menu--dark .el-submenu .el-menu { - background-color: rgb(31, 45, 61); -} -.el-menu--dark .el-submenu .el-menu .el-menu-item:hover { - background-color: rgb(72, 87, 106); -} -.el-menu--horizontal {} -.el-menu--horizontal .el-menu-item { - float: left; - height: 60px; - line-height: 60px; - margin: 0; - cursor: pointer; - position: relative; - box-sizing: border-box; - border-bottom: 5px solid transparent; -} -.el-menu--horizontal .el-menu-item a, .el-menu--horizontal .el-menu-item a:hover { - color: inherit; -} -.el-menu--horizontal .el-menu-item:hover { - background-color: rgb(209, 219, 229); -} -.el-menu--horizontal .el-submenu { - float: left; - position: relative; -} -.el-menu--horizontal .el-submenu > .el-menu { - position: absolute; - top: 65px; - left: 0; - border: 1px solid rgb(209, 219, 229); - padding: 5px 0; - background-color: #fff; - z-index: 100; - min-width: 100%; - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); -} -.el-menu--horizontal .el-submenu .el-submenu__title { - height: 60px; - line-height: 60px; - border-bottom: 5px solid transparent; -} -.el-menu--horizontal .el-submenu .el-menu-item { - background-color: #fff; - float: none; - height: 36px; - line-height: 36px; - padding: 0 10px; -} -.el-menu--horizontal .el-submenu .el-submenu__icon-arrow { - position: static; - vertical-align: middle; - margin-left: 5px; - color: rgb(151, 168, 190); - margin-top: -3px; -} -.el-menu--horizontal .el-menu-item:hover, .el-menu--horizontal .el-submenu__title:hover { - background-color: rgb(238, 241, 246); -} -.el-menu--horizontal > .el-menu-item:hover, .el-menu--horizontal > .el-submenu:hover .el-submenu__title, .el-menu--horizontal > .el-submenu.is-active .el-submenu__title { - border-bottom: 5px solid #20a0ff; -} -.el-menu--horizontal.el-menu--dark {} -.el-menu--horizontal.el-menu--dark .el-menu-item:hover, .el-menu--horizontal.el-menu--dark .el-submenu__title:hover { - background-color: rgb(50, 65, 87); -} -.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item, .el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title { - color: rgb(72, 87, 106); -} -.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover, .el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover { - background-color: rgb(209, 219, 229); -} -.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active { - color: #20a0ff; -} -.el-menu--collapse { - width: 64px; -} -.el-menu--collapse > .el-menu-item [class^="el-icon-"], .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { - margin: 0; - vertical-align: middle; - width: 24px; - text-align: center; -} -.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { - display: none; -} -.el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-submenu > .el-submenu__title span { - height: 0; - width: 0; - overflow: hidden; - visibility: hidden; - display: inline-block; -} -.el-menu--collapse .el-submenu { - position: relative; -} -.el-menu--collapse .el-submenu .el-menu { - position: absolute; - margin-left: 5px; - top: 0; - left: 100%; - z-index: 10; -} -.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { - transform: none; -} -.el-menu-item [class^="el-icon-"] { - margin-right: 5px; - width: 24px; - text-align: center; -} -.el-menu-item * { - vertical-align: middle; -} -.el-menu-item:first-child { - margin-left: 0; -} -.el-menu-item:last-child { - margin-right: 0; -} -.el-menu-item:hover { - background-color: rgb(209, 219, 229); -} -.el-menu-item.is-active { - color: #20a0ff; -} -.el-submenu [class^="el-icon-"] { - vertical-align: middle; - margin-right: 5px; - width: 24px; - text-align: center; -} -.el-submenu .el-menu { - background-color: rgb(228, 232, 241); -} -.el-submenu .el-menu-item { - height: 50px; - line-height: 50px; - padding: 0 45px; - min-width: 200px; -} -.el-submenu .el-menu-item:hover { - background-color: rgb(209, 219, 229); -} -.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { - transform: rotateZ(180deg); -} -.el-submenu.is-active .el-submenu__title { - border-bottom-color: #20a0ff; -} -.el-submenu__title { - position: relative; -} -.el-submenu__title:hover { - background-color: rgb(209, 219, 229); -} -.el-submenu__title * { - vertical-align: middle; -} -.el-submenu__icon-arrow { - position: absolute; - top: 50%; - right: 20px; - margin-top: -7px; - transition: transform .3s; - font-size: 12px; -} -.el-menu-item-group > ul { - padding: 0; -} -.el-menu-item-group__title { - padding-top: 15px; - line-height: normal; - font-size: 14px; - padding-left: 20px; - color: rgb(151, 168, 190); -} -.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { - transition: .2s; - opacity: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input-number { - display: inline-block; - width: 180px; - position: relative; - line-height: normal; -} -.el-input-number .el-input { - display: block; -} -.el-input-number .el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding-right: 82px; -} -.el-input-number.is-without-controls {} -.el-input-number.is-without-controls .el-input__inner { - padding-right: 10px; -} -.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease { - border-color: rgb(209, 219, 229); - color: rgb(209, 219, 229); -} -.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-input-number__increase, .el-input-number__decrease { - height: auto; - border-left: 1px solid rgb(191, 203, 217); - width: 36px; - line-height: 34px; - top: 1px; - text-align: center; - color: rgb(151, 168, 190); - cursor: pointer; - position: absolute; - z-index: 1; -} -.el-input-number__increase:hover, .el-input-number__decrease:hover { - color: #20a0ff; -} -.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { - border-color: #20a0ff; -} -.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-input-number__increase { - right: 0; -} -.el-input-number__decrease { - right: 37px; -} -.el-input-number--large { - width: 200px; -} -.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease { - line-height: 40px; - width: 42px; - font-size: 16px; -} -.el-input-number--large .el-input-number__decrease { - right: 43px; -} -.el-input-number--large .el-input__inner { - padding-right: 94px; -} -.el-input-number--small { - width: 130px; -} -.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { - line-height: 28px; - width: 30px; - font-size: 13px; -} -.el-input-number--small .el-input-number__decrease { - right: 31px; -} -.el-input-number--small .el-input__inner { - padding-right: 70px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-radio { - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-radio + .el-radio { - margin-left: 15px; -} -.el-radio__input { - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} -.el-radio__input.is-focus .el-radio__inner { - border-color: #20a0ff; -} -.el-radio__input.is-checked .el-radio__inner { - border-color: #20a0ff; - background: #20a0ff; -} -.el-radio__input.is-checked .el-radio__inner::after { - transform: translate(-50%, -50%) scale(1); -} -.el-radio__input.is-disabled .el-radio__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-radio__input.is-disabled .el-radio__inner::after { - cursor: not-allowed; - background-color: rgb(238, 241, 246); -} -.el-radio__input.is-disabled .el-radio__inner + .el-radio__label { - cursor: not-allowed; -} -.el-radio__input.is-disabled.is-checked .el-radio__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-radio__input.is-disabled.is-checked .el-radio__inner::after { - background-color: #fff; -} -.el-radio__input.is-disabled + .el-radio__label { - color: #bbb; - cursor: not-allowed; -} -.el-radio__inner { - border: 1px solid rgb(191, 203, 217); - border-radius: 100%; - width: 18px; - height: 18px; - border-radius: 50%; - background-color: #fff; - position: relative; - cursor: pointer; - display: inline-block; - box-sizing: border-box; -} -.el-radio__inner:hover { - border-color: #20a0ff; -} -.el-radio__inner::after { - width: 6px; - height: 6px; - border-radius: 50%; - background-color: #fff; - content: ""; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%) scale(0); - transition: transform .15s cubic-bezier(.71,-.46,.88,.6); -} -.el-radio__original { - opacity: 0; - outline: none; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: 0; -} -.el-radio__label { - font-size: 14px; - padding-left: 5px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-radio-group { - display: inline-block; - font-size: 0; - line-height: 1; - vertical-align: middle; -} -.el-radio-group .el-radio { - font-size: 14px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-radio-button { - position: relative; - display: inline-block; -} -.el-radio-button:first-child .el-radio-button__inner { - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important; -} -.el-radio-button:last-child .el-radio-button__inner { - border-radius: 0 4px 4px 0; -} -.el-radio-button:first-child:last-child .el-radio-button__inner { - border-radius: 4px; -} -.el-radio-button__inner { - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - padding: 10px 15px; - font-size: 14px; - border-radius: 0; -} -.el-radio-button__inner:hover { - color: #20a0ff; -} -.el-radio-button__inner [class*="el-icon-"] { - line-height: 0.9; -} -.el-radio-button__inner [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-radio-button__orig-radio { - opacity: 0; - outline: none; - position: absolute; - z-index: -1; - left: -999px; -} -.el-radio-button__orig-radio:checked {} -.el-radio-button__orig-radio:checked + .el-radio-button__inner { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff; -} -.el-radio-button__orig-radio:disabled {} -.el-radio-button__orig-radio:disabled + .el-radio-button__inner { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none; -} -.el-radio-button--large {} -.el-radio-button--large .el-radio-button__inner { - padding: 11px 19px; - font-size: 16px; - border-radius: 0; -} -.el-radio-button--small {} -.el-radio-button--small .el-radio-button__inner { - padding: 7px 9px; - font-size: 12px; - border-radius: 0; -} -.el-radio-button--mini {} -.el-radio-button--mini .el-radio-button__inner { - padding: 4px 4px; - font-size: 12px; - border-radius: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-checkbox { - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-checkbox + .el-checkbox { - margin-left: 15px; -} -.el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { - content: ''; - position: absolute; - display: block; - border: 1px solid #fff; - margin-top: -1px; - left: 3px; - right: 3px; - top: 50%; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { - display: none; -} -.el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #20a0ff; -} -.el-checkbox__input.is-checked .el-checkbox__inner { - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-checked .el-checkbox__inner::after { - transform: rotate(45deg) scaleY(1); -} -.el-checkbox__input.is-disabled .el-checkbox__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-checkbox__input.is-disabled .el-checkbox__inner::after { - cursor: not-allowed; - border-color: rgb(238, 241, 246); -} -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { - cursor: not-allowed; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { - border-color: #fff; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { - border-color: #fff; -} -.el-checkbox__input.is-disabled + .el-checkbox__label { - color: #bbb; - cursor: not-allowed; -} -.el-checkbox__inner { - display: inline-block; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - box-sizing: border-box; - width: 18px; - height: 18px; - background-color: #fff; - z-index: 1; - transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), - background-color .25s cubic-bezier(.71,-.46,.29,1.46); -} -.el-checkbox__inner:hover { - border-color: #20a0ff; -} -.el-checkbox__inner::after { - box-sizing: content-box; - content: ""; - border: 2px solid #fff; - border-left: 0; - border-top: 0; - height: 8px; - left: 5px; - position: absolute; - top: 1px; - transform: rotate(45deg) scaleY(0); - width: 4px; - transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; - transform-origin: center; -} -.el-checkbox__original { - opacity: 0; - outline: none; - position: absolute; - margin: 0; - width: 0; - height: 0; - left: -999px; -} -.el-checkbox__label { - font-size: 14px; - padding-left: 5px; -} -.el-checkbox-button { - position: relative; - display: inline-block; -} -.el-checkbox-button.is-checked {} -.el-checkbox-button.is-checked .el-checkbox-button__inner { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff; -} -.el-checkbox-button.is-disabled {} -.el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none; -} -.el-checkbox-button.is-focus {} -.el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #20a0ff; -} -.el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important; -} -.el-checkbox-button:last-child .el-checkbox-button__inner { - border-radius: 0 4px 4px 0; -} -.el-checkbox-button__inner { - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button__inner:hover { - color: #20a0ff; -} -.el-checkbox-button__inner [class*="el-icon-"] { - line-height: 0.9; -} -.el-checkbox-button__inner [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-checkbox-button__original { - opacity: 0; - outline: none; - position: absolute; - margin: 0; - visibility: hidden; - left: -999px; -} -.el-checkbox-button--large {} -.el-checkbox-button--large .el-checkbox-button__inner { - padding: 11px 19px; - font-size: 16px; - border-radius: 0; -} -.el-checkbox-button--small {} -.el-checkbox-button--small .el-checkbox-button__inner { - padding: 7px 9px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--mini {} -.el-checkbox-button--mini .el-checkbox-button__inner { - padding: 4px 4px; - font-size: 12px; - border-radius: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-switch { - display: inline-block; - position: relative; - font-size: 14px; - line-height: 22px; - height: 22px; - vertical-align: middle; -} -.el-switch .label-fade-enter, .el-switch .label-fade-leave-active { - opacity: 0; -} -.el-switch.is-disabled .el-switch__core { - border-color: rgb(228, 232, 241) !important; - background: rgb(228, 232, 241) !important; -} -.el-switch.is-disabled .el-switch__core span { - background-color: rgb(251, 253, 255) !important; -} -.el-switch.is-disabled .el-switch__core ~ .el-switch__label * { - color: rgb(251, 253, 255) !important; -} -.el-switch.is-checked .el-switch__core { - border-color: #20a0ff; - background-color: #20a0ff; -} -.el-switch.is-disabled {} -.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { - cursor: not-allowed; -} -.el-switch__label { - transition: .2s; - position: absolute; - width: 46px; - height: 22px; - left: 0; - top: 0; - display: inline-block; - font-size: 14px; - cursor: pointer; -} -.el-switch__label * { - line-height: 1; - top: 4px; - position: absolute; - font-size: 14px; - display: inline-block; - color: #fff; -} -.el-switch__label--left i { - left: 6px; -} -.el-switch__label--right i { - right: 6px; -} -.el-switch__input { - display: none; -} -.el-switch__core { - margin: 0; - display: inline-block; - position: relative; - width: 46px; - height: 22px; - border: 1px solid rgb(191, 203, 217); - outline: none; - border-radius: 12px; - box-sizing: border-box; - background: rgb(191, 203, 217); - cursor: pointer; - transition: border-color .3s, background-color .3s; -} -.el-switch__core .el-switch__button { - top: 0; - left: 0; - position: absolute; - border-radius: 100%; - transition: transform .3s; - width: 16px; - height: 16px; - background-color: #fff; -} -.el-switch--wide .el-switch__label {} -.el-switch--wide .el-switch__label.el-switch__label--left span { - left: 10px; -} -.el-switch--wide .el-switch__label.el-switch__label--right span { - right: 10px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-dropdown { - position: absolute; - z-index: 1001; - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - box-sizing: border-box; - margin: 5px 0; -} -.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { - padding: 0; -} -.el-select-dropdown.is-multiple {} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { - color: #20a0ff; - background-color: #fff; -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { - background-color: rgb(228, 232, 241); -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { - position: absolute; - right: 10px; - font-family: 'element-icons'; - content: "\E608"; - font-size: 11px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.el-select-dropdown__empty { - padding: 10px 0; - margin: 0; - text-align: center; - color: #999; - font-size: 14px; -} -.el-select-dropdown__wrap { - max-height: 274px; -} -.el-select-dropdown__list { - list-style: none; - padding: 6px 0; - margin: 0; - box-sizing: border-box; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag { - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close { - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover { - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray { - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover { - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit { - border-color: rgb(72, 87, 106); -} -.el-tag--primary { - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover { - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit { - border-color: #20a0ff; -} -.el-tag--success { - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover { - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit { - border-color: #13ce66; -} -.el-tag--warning { - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover { - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit { - border-color: #f7ba2a; -} -.el-tag--danger { - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover { - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit { - border-color: #ff4949; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-dropdown {} -.el-select-dropdown__item { - font-size: 14px; - padding: 8px 10px; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: rgb(72, 87, 106); - height: 36px; - line-height: 1.5; - box-sizing: border-box; - cursor: pointer; -} -.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { - background-color: rgb(228, 232, 241); -} -.el-select-dropdown__item.selected { - color: #fff; - background-color: #20a0ff; -} -.el-select-dropdown__item.selected.hover { - background-color: rgb(28, 141, 224); -} -.el-select-dropdown__item span { - line-height: 1.5 !important; -} -.el-select-dropdown__item.is-disabled { - color: rgb(191, 203, 217); - cursor: not-allowed; -} -.el-select-dropdown__item.is-disabled:hover { - background-color: #fff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-group { - margin: 0; - padding: 0; -} -.el-select-group .el-select-dropdown__item { - padding-left: 20px; -} -.el-select-group__wrap { - list-style: none; - margin: 0; - padding: 0; -} -.el-select-group__title { - padding-left: 10px; - font-size: 12px; - color: #999; - height: 30px; - line-height: 30px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -.el-select { - display: inline-block; - position: relative; -} -.el-select:hover .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-select .el-input__inner { - cursor: pointer; - padding-right: 35px; -} -.el-select .el-input__inner:focus { - border-color: #20a0ff; -} -.el-select .el-input {} -.el-select .el-input .el-input__icon { - color: rgb(191, 203, 217); - font-size: 12px; - transition: transform .3s; - transform: translateY(-50%) rotateZ(180deg); - line-height: 16px; - top: 50%; - cursor: pointer; -} -.el-select .el-input .el-input__icon.is-show-close { - transition: 0s; - width: 16px; - height: 16px; - font-size: 14px; - right: 8px; - text-align: center; - transform: translateY(-50%) rotateZ(180deg); - border-radius: 100%; - color: rgb(191, 203, 217); -} -.el-select .el-input .el-input__icon.is-show-close:hover { - color: rgb(151, 168, 190); -} -.el-select .el-input .el-input__icon.is-reverse { - transform: translateY(-50%); -} -.el-select .el-input.is-disabled {} -.el-select .el-input.is-disabled .el-input__inner { - cursor: not-allowed; -} -.el-select .el-input.is-disabled .el-input__inner:hover { - border-color: rgb(209, 219, 229); -} -.el-select > .el-input { - display: block; -} -.el-select .el-tag__close { - margin-top: -2px; -} -.el-select .el-tag { - height: 24px; - line-height: 24px; - box-sizing: border-box; - margin: 3px 0 3px 6px; -} -.el-select__input { - border: none; - outline: none; - padding: 0; - margin-left: 10px; - color: #666; - font-size: 14px; - vertical-align: baseline; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 28px; - background-color: transparent; -} -.el-select__input.is-mini { - height: 14px; -} -.el-select__close { - cursor: pointer; - position: absolute; - top: 8px; - z-index: 1000; - right: 25px; - color: rgb(191, 203, 217); - line-height: 18px; - font-size: 12px; -} -.el-select__close:hover { - color: rgb(151, 168, 190); -} -.el-select__tags { - position: absolute; - line-height: normal; - white-space: normal; - z-index: 1; - top: 50%; - transform: translateY(-50%); -} -.el-select__tag { - display: inline-block; - height: 24px; - line-height: 24px; - font-size: 14px; - border-radius: 4px; - color: #fff; - background-color: #20a0ff; -} -.el-select__tag .el-icon-close { - font-size: 12px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-button { - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-color: #c4c4c4; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; -} -.el-button + .el-button { - margin-left: 10px; -} -.el-button:hover, .el-button:focus { - color: #20a0ff; - border-color: #20a0ff; -} -.el-button:active { - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - outline: none; -} -.el-button::-moz-focus-inner { - border: 0; -} -.el-button [class*="el-icon-"] {} -.el-button [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-button.is-loading { - position: relative; - pointer-events: none; -} -.el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255,255,255,.35); -} -.el-button.is-disabled {} -.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); -} -.el-button.is-disabled.el-button--text { - background-color: transparent; -} -.el-button.is-disabled.is-plain {} -.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { - background-color: #fff; - border-color: rgb(209, 219, 229); - color: rgb(191, 203, 217); -} -.el-button.is-active { - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); -} -.el-button.is-plain {} -.el-button.is-plain:hover, .el-button.is-plain:focus { - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button.is-plain:active { - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--primary { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} -.el-button--primary:hover, .el-button--primary:focus { - background: rgb(77, 179, 255); - border-color: rgb(77, 179, 255); - color: #fff; -} -.el-button--primary:active { - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; - outline: none; -} -.el-button--primary.is-active { - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; -} -.el-button--primary.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button--primary.is-plain:active { - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--success { - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} -.el-button--success:hover, .el-button--success:focus { - background: rgb(66, 216, 133); - border-color: rgb(66, 216, 133); - color: #fff; -} -.el-button--success:active { - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; - outline: none; -} -.el-button--success.is-active { - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; -} -.el-button--success.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #fff; - border-color: #13ce66; - color: #13ce66; -} -.el-button--success.is-plain:active { - background: #fff; - border-color: rgb(17, 185, 92); - color: rgb(17, 185, 92); - outline: none; -} -.el-button--warning { - color: #fff; - background-color: #f7ba2a; - border-color: #f7ba2a; -} -.el-button--warning:hover, .el-button--warning:focus { - background: rgb(249, 200, 85); - border-color: rgb(249, 200, 85); - color: #fff; -} -.el-button--warning:active { - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; - outline: none; -} -.el-button--warning.is-active { - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; -} -.el-button--warning.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #fff; - border-color: #f7ba2a; - color: #f7ba2a; -} -.el-button--warning.is-plain:active { - background: #fff; - border-color: rgb(222, 167, 38); - color: rgb(222, 167, 38); - outline: none; -} -.el-button--danger { - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} -.el-button--danger:hover, .el-button--danger:focus { - background: rgb(255, 109, 109); - border-color: rgb(255, 109, 109); - color: #fff; -} -.el-button--danger:active { - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; - outline: none; -} -.el-button--danger.is-active { - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; -} -.el-button--danger.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #fff; - border-color: #ff4949; - color: #ff4949; -} -.el-button--danger.is-plain:active { - background: #fff; - border-color: rgb(230, 66, 66); - color: rgb(230, 66, 66); - outline: none; -} -.el-button--info { - color: #fff; - background-color: #50bfff; - border-color: #50bfff; -} -.el-button--info:hover, .el-button--info:focus { - background: rgb(115, 204, 255); - border-color: rgb(115, 204, 255); - color: #fff; -} -.el-button--info:active { - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; - outline: none; -} -.el-button--info.is-active { - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; -} -.el-button--info.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { - background: #fff; - border-color: #50bfff; - color: #50bfff; -} -.el-button--info.is-plain:active { - background: #fff; - border-color: rgb(72, 172, 230); - color: rgb(72, 172, 230); - outline: none; -} -.el-button--large { - padding: 11px 19px; - font-size: 16px; - border-radius: 4px; -} -.el-button--small { - padding: 7px 9px; - font-size: 12px; - border-radius: 4px; -} -.el-button--mini { - padding: 4px 4px; - font-size: 12px; - border-radius: 4px; -} -.el-button--text { - border: none; - color: #20a0ff; - background: transparent; - padding-left: 0; - padding-right: 0; -} -.el-button--text:hover, .el-button--text:focus { - color: rgb(77, 179, 255); -} -.el-button--text:active { - color: rgb(29, 144, 230); -} -.el-button-group { - display: inline-block; - vertical-align: middle; -} -.el-button-group .el-button--primary {} -.el-button-group .el-button--primary:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success {} -.el-button-group .el-button--success:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning {} -.el-button-group .el-button--warning:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger {} -.el-button-group .el-button--danger:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info {} -.el-button-group .el-button--info:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button { - float: left; - position: relative; -} -.el-button-group .el-button + .el-button { - margin-left: 0; -} -.el-button-group .el-button:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-button-group .el-button:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-button-group .el-button:not(:first-child):not(:last-child) { - border-radius: 0; -} -.el-button-group .el-button:not(:last-child) { - margin-right: -1px; -} -.el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active { - z-index: 1; -} -.el-button-group .el-button.is-active { - z-index: 1; -} -@charset "UTF-8"; -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-checkbox { - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-checkbox + .el-checkbox { - margin-left: 15px; -} -.el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { - content: ''; - position: absolute; - display: block; - border: 1px solid #fff; - margin-top: -1px; - left: 3px; - right: 3px; - top: 50%; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { - display: none; -} -.el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #20a0ff; -} -.el-checkbox__input.is-checked .el-checkbox__inner { - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-checked .el-checkbox__inner::after { - transform: rotate(45deg) scaleY(1); -} -.el-checkbox__input.is-disabled .el-checkbox__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-checkbox__input.is-disabled .el-checkbox__inner::after { - cursor: not-allowed; - border-color: rgb(238, 241, 246); -} -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { - cursor: not-allowed; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { - border-color: #fff; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { - border-color: #fff; -} -.el-checkbox__input.is-disabled + .el-checkbox__label { - color: #bbb; - cursor: not-allowed; -} -.el-checkbox__inner { - display: inline-block; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - box-sizing: border-box; - width: 18px; - height: 18px; - background-color: #fff; - z-index: 1; - transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), - background-color .25s cubic-bezier(.71,-.46,.29,1.46); -} -.el-checkbox__inner:hover { - border-color: #20a0ff; -} -.el-checkbox__inner::after { - box-sizing: content-box; - content: ""; - border: 2px solid #fff; - border-left: 0; - border-top: 0; - height: 8px; - left: 5px; - position: absolute; - top: 1px; - transform: rotate(45deg) scaleY(0); - width: 4px; - transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; - transform-origin: center; -} -.el-checkbox__original { - opacity: 0; - outline: none; - position: absolute; - margin: 0; - width: 0; - height: 0; - left: -999px; -} -.el-checkbox__label { - font-size: 14px; - padding-left: 5px; -} -.el-checkbox-button { - position: relative; - display: inline-block; -} -.el-checkbox-button.is-checked {} -.el-checkbox-button.is-checked .el-checkbox-button__inner { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff; -} -.el-checkbox-button.is-disabled {} -.el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none; -} -.el-checkbox-button.is-focus {} -.el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #20a0ff; -} -.el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important; -} -.el-checkbox-button:last-child .el-checkbox-button__inner { - border-radius: 0 4px 4px 0; -} -.el-checkbox-button__inner { - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button__inner:hover { - color: #20a0ff; -} -.el-checkbox-button__inner [class*="el-icon-"] { - line-height: 0.9; -} -.el-checkbox-button__inner [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-checkbox-button__original { - opacity: 0; - outline: none; - position: absolute; - margin: 0; - visibility: hidden; - left: -999px; -} -.el-checkbox-button--large {} -.el-checkbox-button--large .el-checkbox-button__inner { - padding: 11px 19px; - font-size: 16px; - border-radius: 0; -} -.el-checkbox-button--small {} -.el-checkbox-button--small .el-checkbox-button__inner { - padding: 7px 9px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--mini {} -.el-checkbox-button--mini .el-checkbox-button__inner { - padding: 4px 4px; - font-size: 12px; - border-radius: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag { - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close { - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover { - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray { - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover { - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit { - border-color: rgb(72, 87, 106); -} -.el-tag--primary { - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover { - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit { - border-color: #20a0ff; -} -.el-tag--success { - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover { - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit { - border-color: #13ce66; -} -.el-tag--warning { - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover { - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit { - border-color: #f7ba2a; -} -.el-tag--danger { - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover { - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit { - border-color: #ff4949; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-table { - position: relative; - overflow: hidden; - box-sizing: border-box; - width: 100%; - max-width: 100%; - background-color: #fff; - border: 1px solid rgb(223, 230, 236); - font-size: 14px; - color: rgb(31, 45, 61); -} -.el-table .el-tooltip.cell { - white-space: nowrap; - min-width: 50px; -} -.el-table th, .el-table td { - height: 40px; - min-width: 0; - box-sizing: border-box; - text-overflow: ellipsis; - vertical-align: middle; - position: relative; -} -.el-table th.is-right, .el-table td.is-right { - text-align: right; -} -.el-table th.is-left, .el-table td.is-left { - text-align: left; -} -.el-table th.is-center, .el-table td.is-center { - text-align: center; -} -.el-table th.is-leaf, .el-table td { - border-bottom: 1px solid rgb(223, 230, 236); -} -.el-table th.gutter, .el-table td.gutter { - width: 15px; - border-right-width: 0; - border-bottom-width: 0; - padding: 0; -} -.el-table td.is-hidden > *, .el-table th.is-hidden > * { - visibility: hidden; -} -.el-table::before { - content: ''; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 1px; - background-color: rgb(223, 230, 236); - z-index: 1; -} -.el-table::after { - content: ''; - position: absolute; - top: 0; - right: 0; - width: 1px; - height: 100%; - background-color: rgb(223, 230, 236); - z-index: 1; -} -.el-table th { - white-space: nowrap; - overflow: hidden; -} -.el-table th { - background-color: rgb(238, 241, 246); - text-align: left; -} -.el-table th > div { - display: inline-block; - padding-left: 18px; - padding-right: 18px; - line-height: 40px; - box-sizing: border-box; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.el-table td > div { - box-sizing: border-box; -} -.el-table th.required > div::before { - display: inline-block; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background: #ff4d51; - margin-right: 5px; - vertical-align: middle; -} -.el-table th > .cell { - position: relative; - word-wrap: normal; - text-overflow: ellipsis; - display: inline-block; - line-height: 30px; - vertical-align: middle; - width: 100%; - box-sizing: border-box; -} -.el-table th > .cell.highlight { - color: #20a0ff; -} -.el-table .caret-wrapper { - position: relative; - cursor: pointer; - display: inline-block; - vertical-align: middle; - margin-left: 5px; - margin-top: -2px; - width: 16px; - height: 30px; - overflow: visible; - overflow: initial; -} -.el-table .sort-caret { - display: inline-block; - width: 0; - height: 0; - border: 0; - content: ""; - position: absolute; - left: 3px; - z-index: 2; -} -.el-table .sort-caret.ascending { - top: 9px; - border-top: none; - border-right: 5px solid transparent; - border-bottom: 5px solid rgb(151, 168, 190); - border-left: 5px solid transparent; -} -.el-table .sort-caret.descending { - bottom: 9px; - border-top: 5px solid rgb(151, 168, 190); - border-right: 5px solid transparent; - border-bottom: none; - border-left: 5px solid transparent; -} -.el-table .ascending .sort-caret.ascending { - border-bottom-color: rgb(72, 87, 106); -} -.el-table .descending .sort-caret.descending { - border-top-color: rgb(72, 87, 106); -} -.el-table td.gutter { - width: 0; -} -.el-table .cell { - box-sizing: border-box; - overflow: hidden; - text-overflow: ellipsis; - white-space: normal; - word-break: break-all; - line-height: 24px; - padding-left: 18px; - padding-right: 18px; -} -.el-table tr input[type="checkbox"] { - margin: 0; -} -.el-table tr { - background-color: #fff; -} -.el-table .hidden-columns { - visibility: hidden; - position: absolute; - z-index: -1; -} -.el-table__empty-block { - position: relative; - min-height: 60px; - text-align: center; - width: 100%; - height: 100%; -} -.el-table__empty-text { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - color: rgb(94, 115, 130); -} -.el-table__expand-column .cell { - padding: 0; - text-align: center; -} -.el-table__expand-icon { - position: relative; - cursor: pointer; - color: #666; - font-size: 12px; - transition: transform 0.2s ease-in-out; - height: 40px; -} -.el-table__expand-icon > .el-icon { - position: absolute; - left: 50%; - top: 50%; - margin-left: -5px; - margin-top: -5px; -} -.el-table__expand-icon--expanded { - transform: rotate(90deg); -} -.el-table__expanded-cell { - padding: 20px 50px; - background-color: rgb(251, 253, 255); - box-shadow: inset 0 2px 0 #f4f4f4; -} -.el-table__expanded-cell:hover { - background-color: rgb(251, 253, 255) !important; -} -.el-table--fit { - border-right: 0; - border-bottom: 0; -} -.el-table--fit th.gutter, .el-table--fit td.gutter { - border-right-width: 1px; -} -.el-table--border th, .el-table--border td { - border-right: 1px solid rgb(223, 230, 236); -} -.el-table--border th { - border-bottom: 1px solid rgb(223, 230, 236); -} -.el-table--hidden { - visibility: hidden; -} -.el-table__fixed, .el-table__fixed-right { - position: absolute; - top: 0; - left: 0; - box-shadow: 1px 0 8px #d3d4d6; - overflow-x: hidden; -} -.el-table__fixed::before, .el-table__fixed-right::before { - content: ''; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 1px; - background-color: rgb(223, 230, 236); - z-index: 4; -} -.el-table__fixed-right-patch { - position: absolute; - top: -1px; - right: 0; - background-color: rgb(238, 241, 246); - border-bottom: 1px solid rgb(223, 230, 236); -} -.el-table__fixed-right { - top: 0; - left: auto; - right: 0; - box-shadow: -1px 0 8px #d3d4d6; -} -.el-table__fixed-right .el-table__fixed-header-wrapper, .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper { - left: auto; - right: 0; -} -.el-table__fixed-header-wrapper { - position: absolute; - left: 0; - top: 0; - z-index: 3; -} -.el-table__fixed-header-wrapper thead div { - background-color: rgb(238, 241, 246); - color: rgb(31, 45, 61); -} -.el-table__fixed-footer-wrapper { - position: absolute; - left: 0; - bottom: 0; - z-index: 3; -} -.el-table__fixed-footer-wrapper tbody td { - border-top: 1px solid rgb(223, 230, 236); - background-color: rgb(251, 253, 255); - color: rgb(31, 45, 61); -} -.el-table__fixed-body-wrapper { - position: absolute; - left: 0; - top: 37px; - overflow: hidden; - z-index: 3; -} -.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper { - width: 100%; -} -.el-table__footer-wrapper { - margin-top: -1px; -} -.el-table__footer-wrapper td { - border-top: 1px solid rgb(223, 230, 236); -} -.el-table__header, .el-table__body, .el-table__footer { - table-layout: fixed; -} -.el-table__header-wrapper, .el-table__footer-wrapper { - overflow: hidden; -} -.el-table__header-wrapper thead div, .el-table__footer-wrapper thead div { - background-color: rgb(238, 241, 246); - color: rgb(31, 45, 61); -} -.el-table__header-wrapper tbody td, .el-table__footer-wrapper tbody td { - background-color: rgb(251, 253, 255); - color: rgb(31, 45, 61); -} -.el-table__body-wrapper { - overflow: auto; - position: relative; -} -.el-table--striped {} -.el-table--striped .el-table__body {} -.el-table--striped .el-table__body tr.el-table__row--striped td { - background: #FAFAFA; - background-clip: padding-box; -} -.el-table--striped .el-table__body tr.el-table__row--striped.current-row td { - background: rgb(237, 247, 255); -} -.el-table__body tr.hover-row {} -.el-table__body tr.hover-row, .el-table__body tr.hover-row.el-table__row--striped {} -.el-table__body tr.hover-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td { - background-color: rgb(238, 241, 246); -} -.el-table__body tr.current-row > td { - background: rgb(237, 247, 255); -} -.el-table__column-resize-proxy { - position: absolute; - left: 200px; - top: 0; - bottom: 0; - width: 0; - border-left: 1px solid rgb(223, 230, 236); - z-index: 10; -} -.el-table__column-filter-trigger { - display: inline-block; - line-height: 34px; - margin-left: 5px; - cursor: pointer; -} -.el-table__column-filter-trigger i { - color: rgb(151, 168, 190); -} -.el-table--enable-row-transition .el-table__body td { - transition: background-color .25s ease; -} -.el-table--enable-row-hover .el-table__body tr:hover > td { - background-color: rgb(238, 241, 246); - background-clip: padding-box; -} -.el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right { - bottom: 0; - overflow: hidden; -} -@charset "UTF-8"; -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-checkbox { - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-checkbox + .el-checkbox { - margin-left: 15px; -} -.el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { - content: ''; - position: absolute; - display: block; - border: 1px solid #fff; - margin-top: -1px; - left: 3px; - right: 3px; - top: 50%; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { - display: none; -} -.el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #20a0ff; -} -.el-checkbox__input.is-checked .el-checkbox__inner { - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-checked .el-checkbox__inner::after { - transform: rotate(45deg) scaleY(1); -} -.el-checkbox__input.is-disabled .el-checkbox__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-checkbox__input.is-disabled .el-checkbox__inner::after { - cursor: not-allowed; - border-color: rgb(238, 241, 246); -} -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { - cursor: not-allowed; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { - border-color: #fff; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { - border-color: #fff; -} -.el-checkbox__input.is-disabled + .el-checkbox__label { - color: #bbb; - cursor: not-allowed; -} -.el-checkbox__inner { - display: inline-block; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - box-sizing: border-box; - width: 18px; - height: 18px; - background-color: #fff; - z-index: 1; - transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), - background-color .25s cubic-bezier(.71,-.46,.29,1.46); -} -.el-checkbox__inner:hover { - border-color: #20a0ff; -} -.el-checkbox__inner::after { - box-sizing: content-box; - content: ""; - border: 2px solid #fff; - border-left: 0; - border-top: 0; - height: 8px; - left: 5px; - position: absolute; - top: 1px; - transform: rotate(45deg) scaleY(0); - width: 4px; - transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; - transform-origin: center; -} -.el-checkbox__original { - opacity: 0; - outline: none; - position: absolute; - margin: 0; - width: 0; - height: 0; - left: -999px; -} -.el-checkbox__label { - font-size: 14px; - padding-left: 5px; -} -.el-checkbox-button { - position: relative; - display: inline-block; -} -.el-checkbox-button.is-checked {} -.el-checkbox-button.is-checked .el-checkbox-button__inner { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff; -} -.el-checkbox-button.is-disabled {} -.el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none; -} -.el-checkbox-button.is-focus {} -.el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #20a0ff; -} -.el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important; -} -.el-checkbox-button:last-child .el-checkbox-button__inner { - border-radius: 0 4px 4px 0; -} -.el-checkbox-button__inner { - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button__inner:hover { - color: #20a0ff; -} -.el-checkbox-button__inner [class*="el-icon-"] { - line-height: 0.9; -} -.el-checkbox-button__inner [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-checkbox-button__original { - opacity: 0; - outline: none; - position: absolute; - margin: 0; - visibility: hidden; - left: -999px; -} -.el-checkbox-button--large {} -.el-checkbox-button--large .el-checkbox-button__inner { - padding: 11px 19px; - font-size: 16px; - border-radius: 0; -} -.el-checkbox-button--small {} -.el-checkbox-button--small .el-checkbox-button__inner { - padding: 7px 9px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--mini {} -.el-checkbox-button--mini .el-checkbox-button__inner { - padding: 4px 4px; - font-size: 12px; - border-radius: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag { - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close { - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover { - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray { - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover { - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit { - border-color: rgb(72, 87, 106); -} -.el-tag--primary { - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover { - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit { - border-color: #20a0ff; -} -.el-tag--success { - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover { - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit { - border-color: #13ce66; -} -.el-tag--warning { - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover { - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit { - border-color: #f7ba2a; -} -.el-tag--danger { - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover { - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit { - border-color: #ff4949; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-table-column {} -.el-table-column--selection .cell { - padding-left: 14px; - padding-right: 14px; -} -.el-table-filter { - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); - box-sizing: border-box; - margin: 2px 0; - /** used for dropdown mode */ -} -.el-table-filter__list { - padding: 5px 0; - margin: 0; - list-style: none; - min-width: 100px; -} -.el-table-filter__list-item { - line-height: 36px; - padding: 0 10px; - cursor: pointer; - font-size: 14px; -} -.el-table-filter__list-item:hover { - background-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-table-filter__list-item.is-active { - background-color: #20a0ff; - color: #fff; -} -.el-table-filter__content { - min-width: 100px; -} -.el-table-filter__bottom { - border-top: 1px solid rgb(209, 219, 229); - padding: 8px; -} -.el-table-filter__bottom button { - background: transparent; - border: none; - color: rgb(131, 145, 165); - cursor: pointer; - font-size: 14px; - padding: 0 3px; -} -.el-table-filter__bottom button:hover { - color: #20a0ff; -} -.el-table-filter__bottom button:focus { - outline: none; -} -.el-table-filter__bottom button.is-disabled { - color: rgb(191, 203, 217); - cursor: not-allowed; -} -.el-table-filter__checkbox-group { - padding: 10px; -} -.el-table-filter__checkbox-group label.el-checkbox { - display: block; - margin-bottom: 8px; - margin-left: 5px; -} -.el-table-filter__checkbox-group .el-checkbox:last-child { - margin-bottom: 0; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-date-table { - font-size: 12px; - min-width: 224px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.el-date-table td { - width: 32px; - height: 32px; - box-sizing: border-box; - text-align: center; - cursor: pointer; -} -.el-date-table td.next-month, .el-date-table td.prev-month { - color: #ddd; -} -.el-date-table td.today { - color: #20a0ff; - position: relative; -} -.el-date-table td.today:before { - content: " "; - position: absolute; - top: 0px; - right: 0px; - width: 0; - height: 0; - border-top: 0.5em solid #20a0ff; - border-left: .5em solid transparent; -} -.el-date-table td.available:hover { - background-color: rgb(228, 232, 241); -} -.el-date-table td.in-range { - background-color: rgb(210, 236, 255); -} -.el-date-table td.in-range:hover { - background-color: rgb(175, 221, 255); -} -.el-date-table td.current:not(.disabled), .el-date-table td.start-date, .el-date-table td.end-date { - background-color: #20a0ff !important; - color: #fff; -} -.el-date-table td.disabled { - background-color: #f4f4f4; - opacity: 1; - cursor: not-allowed; - color: #ccc; -} -.el-date-table td.week { - font-size: 80%; - color: rgb(131, 145, 165); -} -.el-date-table th { - padding: 5px; - color: rgb(131, 145, 165); - font-weight: 400; -} -.el-date-table.is-week-mode .el-date-table__row {} -.el-date-table.is-week-mode .el-date-table__row:hover { - background-color: rgb(228, 232, 241); -} -.el-date-table.is-week-mode .el-date-table__row.current { - background-color: rgb(210, 236, 255); -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-month-table { - font-size: 12px; - margin: -1px; - border-collapse: collapse; -} -.el-month-table td { - text-align: center; - padding: 20px 3px; - cursor: pointer; -} -.el-month-table td .cell { - width: 48px; - height: 32px; - display: block; - line-height: 32px; - color: rgb(72, 87, 106); -} -.el-month-table td .cell:hover { - background-color: rgb(228, 232, 241); -} -.el-month-table td.disabled .cell { - background-color: #f4f4f4; - cursor: not-allowed; - color: #ccc; -} -.el-month-table td.current:not(.disabled) .cell { - background-color: #20a0ff !important; - color: #fff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-year-table { - font-size: 12px; - margin: -1px; - border-collapse: collapse; -} -.el-year-table .el-icon { - color: rgb(151, 168, 190); -} -.el-year-table td { - text-align: center; - padding: 20px 3px; - cursor: pointer; -} -.el-year-table td .cell { - width: 48px; - height: 32px; - display: block; - line-height: 32px; - color: rgb(72, 87, 106); -} -.el-year-table td .cell:hover { - background-color: rgb(228, 232, 241); -} -.el-year-table td.disabled .cell { - background-color: #f4f4f4; - cursor: not-allowed; - color: #ccc; -} -.el-year-table td.current:not(.disabled) .cell { - background-color: #20a0ff !important; - color: #fff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-spinner {} -.el-time-spinner.has-seconds .el-time-spinner__wrapper { - width: 33%; -} -.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) { - margin-left: 1%; -} -.el-time-spinner__wrapper { - max-height: 190px; - overflow: auto; - display: inline-block; - width: 50%; - vertical-align: top; - position: relative; -} -.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { - padding-bottom: 15px; -} -.el-time-spinner__list { - padding: 0; - margin: 0; - list-style: none; - text-align: center; -} -.el-time-spinner__list::after, .el-time-spinner__list::before { - content: ''; - display: block; - width: 100%; - height: 80px; -} -.el-time-spinner__item { - height: 32px; - line-height: 32px; - font-size: 12px; -} -.el-time-spinner__item:hover:not(.disabled):not(.active) { - background: rgb(228, 232, 241); - cursor: pointer; -} -.el-time-spinner__item.active:not(.disabled) { - color: #fff; -} -.el-time-spinner__item.disabled { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -/* DEPRECATED */ -.fade-in-linear-enter-active, .fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-enter-active, .el-fade-in-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-fade-in-enter, .el-fade-in-leave-active { - opacity: 0; -} -.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { - opacity: 0; - transform: scaleX(0); -} -.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center top; -} -.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center bottom; -} -.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { - opacity: 1; - transform: scale(1, 1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: top left; -} -.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { - opacity: 0; - transform: scale(.45, .45); -} -.collapse-transition { - transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; -} -.horizontal-collapse-transition { - transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; -} -.el-list-enter-active, .el-list-leave-active { - transition: all 1s; -} -.el-list-enter, .el-list-leave-active { - opacity: 0; - transform: translateY(-30px); -} -.el-opacity-transition { - transition: opacity .3s cubic-bezier(.55,0,.1,1); -} -.el-date-editor { - position: relative; - display: inline-block; -} -.el-date-editor .el-picker-panel { - position: absolute; - min-width: 180px; - box-sizing: border-box; - box-shadow: 0 2px 6px #ccc; - background: #fff; - z-index: 10; - top: 41px; -} -.el-date-editor.el-input { - width: 193px; -} -.el-date-editor--daterange {} -.el-date-editor--daterange.el-input { - width: 220px; -} -.el-date-editor--datetimerange {} -.el-date-editor--datetimerange.el-input { - width: 350px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-picker-panel { - color: rgb(72, 87, 106); - border: 1px solid rgb(209, 219, 229); - box-shadow: 0 2px 6px #ccc; - background: #fff; - border-radius: 2px; - line-height: 20px; - margin: 5px 0; -} -.el-picker-panel__body, .el-picker-panel__body-wrapper {} -.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after { - content: ""; - display: table; - clear: both; -} -.el-picker-panel__content { - position: relative; - margin: 15px; -} -.el-picker-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - text-align: right; - background-color: #fff; - position: relative; -} -.el-picker-panel__shortcut { - display: block; - width: 100%; - border: 0; - background-color: transparent; - line-height: 28px; - font-size: 14px; - color: rgb(72, 87, 106); - padding-left: 12px; - text-align: left; - outline: none; - cursor: pointer; -} -.el-picker-panel__shortcut:hover { - background-color: rgb(228, 232, 241); -} -.el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #20a0ff; -} -.el-picker-panel__btn { - border: 1px solid #dcdcdc; - color: #333; - line-height: 24px; - border-radius: 2px; - padding: 0 20px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; -} -.el-picker-panel__btn[disabled] { - color: #cccccc; - cursor: not-allowed; -} -.el-picker-panel__icon-btn { - font-size: 12px; - color: rgb(151, 168, 190); - border: 0; - background: transparent; - cursor: pointer; - outline: none; - margin-top: 3px; -} -.el-picker-panel__icon-btn:hover { - color: #20a0ff; -} -.el-picker-panel__link-btn { - cursor: pointer; - color: #20a0ff; - text-decoration: none; - padding: 15px; - font-size: 12px; -} -.el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar { - position: absolute; - top: 0; - bottom: 0; - width: 110px; - border-right: 1px solid #e4e4e4; - box-sizing: border-box; - padding-top: 6px; - background-color: rgb(251, 253, 255); - overflow: auto; -} -.el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { - margin-left: 110px; -} -.el-date-picker { - min-width: 254px; -} -.el-date-picker .el-picker-panel__content { - min-width: 224px; -} -.el-date-picker table { - table-layout: fixed; - width: 100%; -} -.el-date-picker.has-sidebar.has-time { - min-width: 434px; -} -.el-date-picker.has-sidebar { - min-width: 370px; -} -.el-date-picker.has-time { - min-width: 324px; -} -.el-date-picker__editor-wrap { - position: relative; - display: table-cell; - padding: 0 5px; -} -.el-date-picker__time-header { - position: relative; - border-bottom: 1px solid #e4e4e4; - font-size: 12px; - padding: 8px 5px 5px 5px; - display: table; - width: 100%; - box-sizing: border-box; -} -.el-date-picker__header { - margin: 12px; - text-align: center; -} -.el-date-picker__header-label { - font-size: 14px; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; -} -.el-date-picker__header-label:hover { - color: #20a0ff; -} -.el-date-picker__header-label.active { - color: #20a0ff; -} -.el-date-picker__prev-btn { - float: left; -} -.el-date-picker__next-btn { - float: right; -} -.el-date-picker__time-wrap { - padding: 10px; - text-align: center; -} -.el-date-picker__time-label { - float: left; - cursor: pointer; - line-height: 30px; - margin-left: 10px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-date-range-picker { - min-width: 520px; -} -.el-date-range-picker table { - table-layout: fixed; - width: 100%; -} -.el-date-range-picker .el-picker-panel__body { - min-width: 513px; -} -.el-date-range-picker .el-picker-panel__content { - margin: 0; -} -.el-date-range-picker.has-sidebar.has-time { - min-width: 766px; -} -.el-date-range-picker.has-sidebar { - min-width: 620px; -} -.el-date-range-picker.has-time { - min-width: 660px; -} -.el-date-range-picker__header { - position: relative; - text-align: center; - height: 28px; -} -.el-date-range-picker__header button { - float: left; -} -.el-date-range-picker__header div { - font-size: 14px; - margin-right: 50px; -} -.el-date-range-picker__content { - float: left; - width: 50%; - box-sizing: border-box; - margin: 0; - padding: 16px; -} -.el-date-range-picker__content.is-right .el-date-range-picker__header button { - float: right; -} -.el-date-range-picker__content.is-right .el-date-range-picker__header div { - margin-left: 50px; - margin-right: 50px; -} -.el-date-range-picker__content.is-left { - border-right: 1px solid #e4e4e4; -} -.el-date-range-picker__editors-wrap { - box-sizing: border-box; - display: table-cell; -} -.el-date-range-picker__editors-wrap.is-right { - text-align: right; -} -.el-date-range-picker__time-header { - position: relative; - border-bottom: 1px solid #e4e4e4; - font-size: 12px; - padding: 8px 5px 5px 5px; - display: table; - width: 100%; - box-sizing: border-box; -} -.el-date-range-picker__time-header > .el-icon-arrow-right { - font-size: 20px; - vertical-align: middle; - display: table-cell; - color: rgb(151, 168, 190); -} -.el-date-range-picker__time-picker-wrap { - position: relative; - display: table-cell; - padding: 0 5px; -} -.el-date-range-picker__time-picker-wrap .el-picker-panel { - position: absolute; - top: 13px; - right: 0; - z-index: 1; - background: #fff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-range-picker { - min-width: 354px; - overflow: visible; -} -.el-time-range-picker__content { - position: relative; - text-align: center; - padding: 10px; -} -.el-time-range-picker__cell { - box-sizing: border-box; - margin: 0; - padding: 4px 7px 7px; - width: 50%; - display: inline-block; -} -.el-time-range-picker__header { - margin-bottom: 5px; - text-align: center; - font-size: 14px; -} -.el-time-range-picker__body { - border-radius: 2px; - border: 1px solid rgb(209, 219, 229); -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-panel { - margin: 5px 0; - border: solid 1px rgb(209, 219, 229); - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - border-radius: 2px; - position: absolute; - width: 180px; - left: 0; - z-index: 1000; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.el-time-panel__content { - font-size: 0; - position: relative; - overflow: hidden; -} -.el-time-panel__content::after, .el-time-panel__content::before { - content: ":"; - top: 50%; - color: #fff; - position: absolute; - font-size: 14px; - margin-top: -15px; - line-height: 16px; - background-color: #20a0ff; - height: 32px; - z-index: -1; - left: 0; - right: 0; - box-sizing: border-box; - padding-top: 6px; - text-align: left; -} -.el-time-panel__content::after { - left: 50%; - margin-left: -2px; -} -.el-time-panel__content::before { - padding-left: 50%; - margin-right: -2px; -} -.el-time-panel__content.has-seconds {} -.el-time-panel__content.has-seconds::after { - left: 66.66667%; -} -.el-time-panel__content.has-seconds::before { - padding-left: 33.33333%; -} -.el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - box-sizing: border-box; -} -.el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; - color: rgb(131, 145, 165); -} -.el-time-panel__btn.confirm { - font-weight: 800; - color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -/* DEPRECATED */ -.fade-in-linear-enter-active, .fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-enter-active, .el-fade-in-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-fade-in-enter, .el-fade-in-leave-active { - opacity: 0; -} -.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { - opacity: 0; - transform: scaleX(0); -} -.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center top; -} -.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center bottom; -} -.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { - opacity: 1; - transform: scale(1, 1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: top left; -} -.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { - opacity: 0; - transform: scale(.45, .45); -} -.collapse-transition { - transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; -} -.horizontal-collapse-transition { - transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; -} -.el-list-enter-active, .el-list-leave-active { - transition: all 1s; -} -.el-list-enter, .el-list-leave-active { - opacity: 0; - transform: translateY(-30px); -} -.el-opacity-transition { - transition: opacity .3s cubic-bezier(.55,0,.1,1); -} -.el-date-editor { - position: relative; - display: inline-block; -} -.el-date-editor .el-picker-panel { - position: absolute; - min-width: 180px; - box-sizing: border-box; - box-shadow: 0 2px 6px #ccc; - background: #fff; - z-index: 10; - top: 41px; -} -.el-date-editor.el-input { - width: 193px; -} -.el-date-editor--daterange {} -.el-date-editor--daterange.el-input { - width: 220px; -} -.el-date-editor--datetimerange {} -.el-date-editor--datetimerange.el-input { - width: 350px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-picker-panel { - color: rgb(72, 87, 106); - border: 1px solid rgb(209, 219, 229); - box-shadow: 0 2px 6px #ccc; - background: #fff; - border-radius: 2px; - line-height: 20px; - margin: 5px 0; -} -.el-picker-panel__body, .el-picker-panel__body-wrapper {} -.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after { - content: ""; - display: table; - clear: both; -} -.el-picker-panel__content { - position: relative; - margin: 15px; -} -.el-picker-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - text-align: right; - background-color: #fff; - position: relative; -} -.el-picker-panel__shortcut { - display: block; - width: 100%; - border: 0; - background-color: transparent; - line-height: 28px; - font-size: 14px; - color: rgb(72, 87, 106); - padding-left: 12px; - text-align: left; - outline: none; - cursor: pointer; -} -.el-picker-panel__shortcut:hover { - background-color: rgb(228, 232, 241); -} -.el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #20a0ff; -} -.el-picker-panel__btn { - border: 1px solid #dcdcdc; - color: #333; - line-height: 24px; - border-radius: 2px; - padding: 0 20px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; -} -.el-picker-panel__btn[disabled] { - color: #cccccc; - cursor: not-allowed; -} -.el-picker-panel__icon-btn { - font-size: 12px; - color: rgb(151, 168, 190); - border: 0; - background: transparent; - cursor: pointer; - outline: none; - margin-top: 3px; -} -.el-picker-panel__icon-btn:hover { - color: #20a0ff; -} -.el-picker-panel__link-btn { - cursor: pointer; - color: #20a0ff; - text-decoration: none; - padding: 15px; - font-size: 12px; -} -.el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar { - position: absolute; - top: 0; - bottom: 0; - width: 110px; - border-right: 1px solid #e4e4e4; - box-sizing: border-box; - padding-top: 6px; - background-color: rgb(251, 253, 255); - overflow: auto; -} -.el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { - margin-left: 110px; -} -.el-date-picker { - min-width: 254px; -} -.el-date-picker .el-picker-panel__content { - min-width: 224px; -} -.el-date-picker table { - table-layout: fixed; - width: 100%; -} -.el-date-picker.has-sidebar.has-time { - min-width: 434px; -} -.el-date-picker.has-sidebar { - min-width: 370px; -} -.el-date-picker.has-time { - min-width: 324px; -} -.el-date-picker__editor-wrap { - position: relative; - display: table-cell; - padding: 0 5px; -} -.el-date-picker__time-header { - position: relative; - border-bottom: 1px solid #e4e4e4; - font-size: 12px; - padding: 8px 5px 5px 5px; - display: table; - width: 100%; - box-sizing: border-box; -} -.el-date-picker__header { - margin: 12px; - text-align: center; -} -.el-date-picker__header-label { - font-size: 14px; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; -} -.el-date-picker__header-label:hover { - color: #20a0ff; -} -.el-date-picker__header-label.active { - color: #20a0ff; -} -.el-date-picker__prev-btn { - float: left; -} -.el-date-picker__next-btn { - float: right; -} -.el-date-picker__time-wrap { - padding: 10px; - text-align: center; -} -.el-date-picker__time-label { - float: left; - cursor: pointer; - line-height: 30px; - margin-left: 10px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -.time-select { - margin: 5px 0; - min-width: 0; -} -.time-select .el-picker-panel__content { - max-height: 200px; - margin: 0; -} -.time-select-item { - padding: 8px 10px; - font-size: 14px; -} -.time-select-item.selected:not(.disabled) { - background-color: #20a0ff; - color: #fff; -} -.time-select-item.selected:not(.disabled):hover { - background-color: #20a0ff; -} -.time-select-item.disabled { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -.time-select-item:hover { - background-color: rgb(228, 232, 241); - cursor: pointer; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -/* DEPRECATED */ -.fade-in-linear-enter-active, .fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-enter-active, .el-fade-in-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-fade-in-enter, .el-fade-in-leave-active { - opacity: 0; -} -.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { - opacity: 0; - transform: scaleX(0); -} -.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center top; -} -.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center bottom; -} -.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { - opacity: 1; - transform: scale(1, 1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: top left; -} -.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { - opacity: 0; - transform: scale(.45, .45); -} -.collapse-transition { - transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; -} -.horizontal-collapse-transition { - transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; -} -.el-list-enter-active, .el-list-leave-active { - transition: all 1s; -} -.el-list-enter, .el-list-leave-active { - opacity: 0; - transform: translateY(-30px); -} -.el-opacity-transition { - transition: opacity .3s cubic-bezier(.55,0,.1,1); -} -.el-date-editor { - position: relative; - display: inline-block; -} -.el-date-editor .el-picker-panel { - position: absolute; - min-width: 180px; - box-sizing: border-box; - box-shadow: 0 2px 6px #ccc; - background: #fff; - z-index: 10; - top: 41px; -} -.el-date-editor.el-input { - width: 193px; -} -.el-date-editor--daterange {} -.el-date-editor--daterange.el-input { - width: 220px; -} -.el-date-editor--datetimerange {} -.el-date-editor--datetimerange.el-input { - width: 350px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-spinner {} -.el-time-spinner.has-seconds .el-time-spinner__wrapper { - width: 33%; -} -.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) { - margin-left: 1%; -} -.el-time-spinner__wrapper { - max-height: 190px; - overflow: auto; - display: inline-block; - width: 50%; - vertical-align: top; - position: relative; -} -.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { - padding-bottom: 15px; -} -.el-time-spinner__list { - padding: 0; - margin: 0; - list-style: none; - text-align: center; -} -.el-time-spinner__list::after, .el-time-spinner__list::before { - content: ''; - display: block; - width: 100%; - height: 80px; -} -.el-time-spinner__item { - height: 32px; - line-height: 32px; - font-size: 12px; -} -.el-time-spinner__item:hover:not(.disabled):not(.active) { - background: rgb(228, 232, 241); - cursor: pointer; -} -.el-time-spinner__item.active:not(.disabled) { - color: #fff; -} -.el-time-spinner__item.disabled { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-panel { - margin: 5px 0; - border: solid 1px rgb(209, 219, 229); - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - border-radius: 2px; - position: absolute; - width: 180px; - left: 0; - z-index: 1000; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.el-time-panel__content { - font-size: 0; - position: relative; - overflow: hidden; -} -.el-time-panel__content::after, .el-time-panel__content::before { - content: ":"; - top: 50%; - color: #fff; - position: absolute; - font-size: 14px; - margin-top: -15px; - line-height: 16px; - background-color: #20a0ff; - height: 32px; - z-index: -1; - left: 0; - right: 0; - box-sizing: border-box; - padding-top: 6px; - text-align: left; -} -.el-time-panel__content::after { - left: 50%; - margin-left: -2px; -} -.el-time-panel__content::before { - padding-left: 50%; - margin-right: -2px; -} -.el-time-panel__content.has-seconds {} -.el-time-panel__content.has-seconds::after { - left: 66.66667%; -} -.el-time-panel__content.has-seconds::before { - padding-left: 33.33333%; -} -.el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - box-sizing: border-box; -} -.el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; - color: rgb(131, 145, 165); -} -.el-time-panel__btn.confirm { - font-weight: 800; - color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-popover { - position: absolute; - background: #fff; - min-width: 150px; - border-radius: 2px; - border: 1px solid rgb(209, 219, 229); - padding: 10px; - z-index: 2000; - font-size: 12px; - box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), - 0px 0px 6px 0px rgba(0, 0, 0, .04); -} -.el-popover .popper__arrow, .el-popover .popper__arrow::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.el-popover .popper__arrow { - border-width: 6px; -} -.el-popover .popper__arrow::after { - content: " "; - border-width: 6px; -} -.el-popover[x-placement^="top"] { - margin-bottom: 12px; -} -.el-popover[x-placement^="top"] .popper__arrow { - bottom: -6px; - left: 50%; - margin-right: 3px; - border-top-color: rgb(209, 219, 229); - border-bottom-width: 0; -} -.el-popover[x-placement^="top"] .popper__arrow::after { - bottom: 1px; - margin-left: -6px; - border-top-color: #fff; - border-bottom-width: 0; -} -.el-popover[x-placement^="bottom"] { - margin-top: 12px; -} -.el-popover[x-placement^="bottom"] .popper__arrow { - top: -6px; - left: 50%; - margin-right: 3px; - border-top-width: 0; - border-bottom-color: rgb(209, 219, 229); -} -.el-popover[x-placement^="bottom"] .popper__arrow::after { - top: 1px; - margin-left: -6px; - border-top-width: 0; - border-bottom-color: #fff; -} -.el-popover[x-placement^="right"] { - margin-left: 12px; -} -.el-popover[x-placement^="right"] .popper__arrow { - top: 50%; - left: -6px; - margin-bottom: 3px; - border-right-color: rgb(209, 219, 229); - border-left-width: 0; -} -.el-popover[x-placement^="right"] .popper__arrow::after { - bottom: -6px; - left: 1px; - border-right-color: #fff; - border-left-width: 0; -} -.el-popover[x-placement^="left"] { - margin-right: 12px; -} -.el-popover[x-placement^="left"] .popper__arrow { - top: 50%; - right: -6px; - margin-bottom: 3px; - border-right-width: 0; - border-left-color: rgb(209, 219, 229); -} -.el-popover[x-placement^="left"] .popper__arrow::after { - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #fff; -} -.el-popover__title { - color: rgb(31, 45, 61); - font-size: 13px; - line-height: 1; - margin-bottom: 9px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tooltip {} -.el-tooltip__popper { - position: absolute; - border-radius: 4px; - padding: 10px; - z-index: 2000; - font-size: 12px; - line-height: 1.2; -} -.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.el-tooltip__popper .popper__arrow { - border-width: 6px; -} -.el-tooltip__popper .popper__arrow::after { - content: " "; - border-width: 5px; -} -.el-tooltip__popper[x-placement^="top"] { - margin-bottom: 12px; -} -.el-tooltip__popper[x-placement^="top"] .popper__arrow { - bottom: -6px; - border-top-color: rgb(31, 45, 61); - border-bottom-width: 0; -} -.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { - bottom: 1px; - margin-left: -5px; - border-top-color: rgb(31, 45, 61); - border-bottom-width: 0; -} -.el-tooltip__popper[x-placement^="bottom"] { - margin-top: 12px; -} -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { - top: -6px; - border-top-width: 0; - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { - top: 1px; - margin-left: -5px; - border-top-width: 0; - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="right"] { - margin-left: 12px; -} -.el-tooltip__popper[x-placement^="right"] .popper__arrow { - left: -6px; - border-right-color: rgb(31, 45, 61); - border-left-width: 0; -} -.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { - bottom: -5px; - left: 1px; - border-right-color: rgb(31, 45, 61); - border-left-width: 0; -} -.el-tooltip__popper[x-placement^="left"] { - margin-right: 12px; -} -.el-tooltip__popper[x-placement^="left"] .popper__arrow { - right: -6px; - border-right-width: 0; - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { - right: 1px; - bottom: -5px; - margin-left: -5px; - border-right-width: 0; - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light { - background: #fff; - border: 1px solid rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { - border-top-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { - border-top-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { - border-bottom-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { - border-left-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { - border-right-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { - border-right-color: #fff; -} -.el-tooltip__popper.is-dark { - background: rgb(31, 45, 61); - color: #fff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.v-modal-enter { - animation: v-modal-in .2s ease; -} -.v-modal-leave { - animation: v-modal-out .2s ease forwards; -} -@keyframes v-modal-in { - 0% { - opacity: 0; - } - 100% {} -} -@keyframes v-modal-out { - 0% {} - 100% { - opacity: 0; - } -} -.v-modal { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0.5; - background: #000; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-button { - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-color: #c4c4c4; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; -} -.el-button + .el-button { - margin-left: 10px; -} -.el-button:hover, .el-button:focus { - color: #20a0ff; - border-color: #20a0ff; -} -.el-button:active { - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - outline: none; -} -.el-button::-moz-focus-inner { - border: 0; -} -.el-button [class*="el-icon-"] {} -.el-button [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-button.is-loading { - position: relative; - pointer-events: none; -} -.el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255,255,255,.35); -} -.el-button.is-disabled {} -.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); -} -.el-button.is-disabled.el-button--text { - background-color: transparent; -} -.el-button.is-disabled.is-plain {} -.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { - background-color: #fff; - border-color: rgb(209, 219, 229); - color: rgb(191, 203, 217); -} -.el-button.is-active { - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); -} -.el-button.is-plain {} -.el-button.is-plain:hover, .el-button.is-plain:focus { - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button.is-plain:active { - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--primary { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} -.el-button--primary:hover, .el-button--primary:focus { - background: rgb(77, 179, 255); - border-color: rgb(77, 179, 255); - color: #fff; -} -.el-button--primary:active { - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; - outline: none; -} -.el-button--primary.is-active { - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; -} -.el-button--primary.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button--primary.is-plain:active { - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--success { - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} -.el-button--success:hover, .el-button--success:focus { - background: rgb(66, 216, 133); - border-color: rgb(66, 216, 133); - color: #fff; -} -.el-button--success:active { - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; - outline: none; -} -.el-button--success.is-active { - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; -} -.el-button--success.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #fff; - border-color: #13ce66; - color: #13ce66; -} -.el-button--success.is-plain:active { - background: #fff; - border-color: rgb(17, 185, 92); - color: rgb(17, 185, 92); - outline: none; -} -.el-button--warning { - color: #fff; - background-color: #f7ba2a; - border-color: #f7ba2a; -} -.el-button--warning:hover, .el-button--warning:focus { - background: rgb(249, 200, 85); - border-color: rgb(249, 200, 85); - color: #fff; -} -.el-button--warning:active { - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; - outline: none; -} -.el-button--warning.is-active { - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; -} -.el-button--warning.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #fff; - border-color: #f7ba2a; - color: #f7ba2a; -} -.el-button--warning.is-plain:active { - background: #fff; - border-color: rgb(222, 167, 38); - color: rgb(222, 167, 38); - outline: none; -} -.el-button--danger { - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} -.el-button--danger:hover, .el-button--danger:focus { - background: rgb(255, 109, 109); - border-color: rgb(255, 109, 109); - color: #fff; -} -.el-button--danger:active { - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; - outline: none; -} -.el-button--danger.is-active { - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; -} -.el-button--danger.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #fff; - border-color: #ff4949; - color: #ff4949; -} -.el-button--danger.is-plain:active { - background: #fff; - border-color: rgb(230, 66, 66); - color: rgb(230, 66, 66); - outline: none; -} -.el-button--info { - color: #fff; - background-color: #50bfff; - border-color: #50bfff; -} -.el-button--info:hover, .el-button--info:focus { - background: rgb(115, 204, 255); - border-color: rgb(115, 204, 255); - color: #fff; -} -.el-button--info:active { - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; - outline: none; -} -.el-button--info.is-active { - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; -} -.el-button--info.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { - background: #fff; - border-color: #50bfff; - color: #50bfff; -} -.el-button--info.is-plain:active { - background: #fff; - border-color: rgb(72, 172, 230); - color: rgb(72, 172, 230); - outline: none; -} -.el-button--large { - padding: 11px 19px; - font-size: 16px; - border-radius: 4px; -} -.el-button--small { - padding: 7px 9px; - font-size: 12px; - border-radius: 4px; -} -.el-button--mini { - padding: 4px 4px; - font-size: 12px; - border-radius: 4px; -} -.el-button--text { - border: none; - color: #20a0ff; - background: transparent; - padding-left: 0; - padding-right: 0; -} -.el-button--text:hover, .el-button--text:focus { - color: rgb(77, 179, 255); -} -.el-button--text:active { - color: rgb(29, 144, 230); -} -.el-button-group { - display: inline-block; - vertical-align: middle; -} -.el-button-group .el-button--primary {} -.el-button-group .el-button--primary:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success {} -.el-button-group .el-button--success:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning {} -.el-button-group .el-button--warning:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger {} -.el-button-group .el-button--danger:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info {} -.el-button-group .el-button--info:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button { - float: left; - position: relative; -} -.el-button-group .el-button + .el-button { - margin-left: 0; -} -.el-button-group .el-button:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-button-group .el-button:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-button-group .el-button:not(:first-child):not(:last-child) { - border-radius: 0; -} -.el-button-group .el-button:not(:last-child) { - margin-right: -1px; -} -.el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active { - z-index: 1; -} -.el-button-group .el-button.is-active { - z-index: 1; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-message-box { - text-align: left; - display: inline-block; - vertical-align: middle; - background-color: #fff; - width: 420px; - border-radius: 3px; - font-size: 16px; - overflow: hidden; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.el-message-box__wrapper { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - text-align: center; -} -.el-message-box__wrapper::after { - content: ""; - display: inline-block; - height: 100%; - width: 0; - vertical-align: middle; -} -.el-message-box__header { - position: relative; - padding: 20px 20px 0; -} -.el-message-box__headerbtn { - position: absolute; - top: 19px; - right: 20px; - background: transparent; - border: none; - outline: none; - padding: 0; - cursor: pointer; -} -.el-message-box__headerbtn .el-message-box__close { - color: #999; -} -.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { - color: #20a0ff; -} -.el-message-box__content { - padding: 30px 20px; - color: rgb(72, 87, 106); - font-size: 14px; - position: relative; -} -.el-message-box__input { - padding-top: 15px; -} -.el-message-box__input input.invalid { - border-color: #ff4949; -} -.el-message-box__input input.invalid:focus { - border-color: #ff4949; -} -.el-message-box__errormsg { - color: #ff4949; - font-size: 12px; - min-height: 18px; - margin-top: 2px; -} -.el-message-box__title { - padding-left: 0; - margin-bottom: 0; - font-size: 16px; - font-weight: 700; - height: 18px; - color: #333; -} -.el-message-box__message { - margin: 0; -} -.el-message-box__message p { - margin: 0; - line-height: 1.4; -} -.el-message-box__btns { - padding: 10px 20px 15px; - text-align: right; -} -.el-message-box__btns button:nth-child(2) { - margin-left: 10px; -} -.el-message-box__btns-reverse { - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.el-message-box__status { - position: absolute; - top: 50%; - transform: translateY(-50%); - font-size: 36px !important; -} -.el-message-box__status.el-icon-circle-check { - color: #13ce66; -} -.el-message-box__status.el-icon-information { - color: #50bfff; -} -.el-message-box__status.el-icon-warning { - color: #f7ba2a; -} -.el-message-box__status.el-icon-circle-cross { - color: #ff4949; -} -.msgbox-fade-enter-active { - animation: msgbox-fade-in .3s; -} -.msgbox-fade-leave-active { - animation: msgbox-fade-out .3s; -} -@keyframes msgbox-fade-in { - 0% { - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - transform: translate3d(0, 0, 0); - opacity: 1; - } -} -@keyframes msgbox-fade-out { - 0% { - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-breadcrumb { - font-size: 13px; - line-height: 1; -} -.el-breadcrumb__separator { - margin: 0 8px; - color: rgb(191, 203, 217); -} -.el-breadcrumb__item { - float: left; -} -.el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a {} -.el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover { - color: rgb(151, 168, 190); - cursor: text; -} -.el-breadcrumb__item:last-child .el-breadcrumb__separator { - display: none; -} -.el-breadcrumb__item__inner {} -.el-breadcrumb__item__inner, .el-breadcrumb__item__inner a { - transition: color .15s linear; - color: rgb(72, 87, 106); -} -.el-breadcrumb__item__inner:hover, .el-breadcrumb__item__inner a:hover { - color: #20a0ff; - cursor: pointer; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-form {} -.el-form--label-left {} -.el-form--label-left .el-form-item__label { - text-align: left; -} -.el-form--label-top {} -.el-form--label-top .el-form-item__label { - float: none; - display: inline-block; - text-align: left; - padding: 0 0 10px 0; -} -.el-form--inline {} -.el-form--inline .el-form-item { - display: inline-block; - margin-right: 10px; - vertical-align: top; -} -.el-form--inline .el-form-item__label { - float: none; - display: inline-block; -} -.el-form--inline .el-form-item__content { - display: inline-block; - vertical-align: top; -} -.el-form--inline.el-form--label-top .el-form-item__content { - display: block; -} -.el-form-item { - margin-bottom: 22px; -} -.el-form-item .el-form-item { - margin-bottom: 0; -} -.el-form-item.is-error .el-input-group__append, .el-form-item.is-error .el-input-group__prepend, .el-form-item.is-error {} -.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner, .el-form-item.is-error .el-input__inner { - border-color: transparent; -} -.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-textarea__inner { - border-color: #ff4949; -} -.el-form-item.is-required .el-form-item__label:before { - content: '*'; - color: #ff4949; - margin-right: 4px; -} -.el-form-item__label { - text-align: right; - vertical-align: middle; - float: left; - font-size: 14px; - color: rgb(72, 87, 106); - line-height: 1; - padding: 11px 12px 11px 0; - box-sizing: border-box; -} -.el-form-item__content { - line-height: 36px; - position: relative; - font-size: 14px; -} -.el-form-item__error { - color: #ff4949; - font-size: 12px; - line-height: 1; - padding-top: 4px; - position: absolute; - top: 100%; - left: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tabs {} -.el-tabs__header { - border-bottom: 1px solid rgb(209, 219, 229); - padding: 0; - position: relative; - margin: 0 0 15px; -} -.el-tabs__active-bar { - position: absolute; - bottom: 0; - left: 0; - height: 3px; - background-color: #20a0ff; - z-index: 1; - transition: transform .3s cubic-bezier(.645,.045,.355,1); - list-style: none; -} -.el-tabs__new-tab { - float: right; - border: 1px solid #d3dce6; - height: 18px; - width: 18px; - line-height: 18px; - margin: 12px 0 9px 10px; - border-radius: 3px; - text-align: center; - font-size: 12px; - color: #d3dce6; - cursor: pointer; - transition: all .15s; -} -.el-tabs__new-tab .el-icon-plus { - transform: scale(0.8, 0.8); -} -.el-tabs__new-tab:hover { - color: #20a0ff; -} -.el-tabs__nav-wrap { - overflow: hidden; - margin-bottom: -1px; - position: relative; -} -.el-tabs__nav-wrap.is-scrollable { - padding: 0 15px; -} -.el-tabs__nav-scroll { - overflow: hidden; -} -.el-tabs__nav-next, .el-tabs__nav-prev { - position: absolute; - cursor: pointer; - line-height: 44px; - font-size: 12px; - color: rgb(131, 145, 165); -} -.el-tabs__nav-next { - right: 0; -} -.el-tabs__nav-prev { - left: 0; -} -.el-tabs__nav { - white-space: nowrap; - position: relative; - transition: transform .3s; - float: left; -} -.el-tabs__item { - padding: 0 16px; - height: 42px; - box-sizing: border-box; - line-height: 42px; - display: inline-block; - list-style: none; - font-size: 14px; - color: rgb(131, 145, 165); - position: relative; -} -.el-tabs__item .el-icon-close { - border-radius: 50%; - text-align: center; - transition: all .3s cubic-bezier(.645,.045,.355,1); - margin-left: 5px; -} -.el-tabs__item .el-icon-close:before { - transform: scale(.7, .7); - display: inline-block; -} -.el-tabs__item .el-icon-close:hover { - background-color: rgb(151, 168, 190); - color: #fff; -} -.el-tabs__item:hover { - color: rgb(31, 45, 61); - cursor: pointer; -} -.el-tabs__item.is-disabled { - color: #bbb; - cursor: default; -} -.el-tabs__item.is-active { - color: #20a0ff; -} -.el-tabs__content { - overflow: hidden; - position: relative; -} -.el-tabs--card > .el-tabs__header .el-tabs__active-bar { - display: none; -} -.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { - position: relative; - font-size: 12px; - width: 0; - height: 14px; - vertical-align: middle; - line-height: 15px; - overflow: hidden; - top: -1px; - right: -2px; - transform-origin: 100% 50%; -} -.el-tabs--card > .el-tabs__header .el-tabs__item { - border: 1px solid transparent; - transition: all .3s cubic-bezier(.645,.045,.355,1); -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable {} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { - padding-right: 9px; - padding-left: 9px; -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { - width: 14px; -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { - border: 1px solid rgb(209, 219, 229); - border-bottom-color: #fff; - border-radius: 4px 4px 0 0; -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { - padding-right: 16px; - padding-left: 16px; -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { - width: 14px; -} -.el-tabs--border-card { - background: #fff; - border: 1px solid rgb(209, 219, 229); - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); -} -.el-tabs--border-card >.el-tabs__content { - padding: 15px; -} -.el-tabs--border-card >.el-tabs__header { - background-color: rgb(238, 241, 246); - margin: 0; -} -.el-tabs--border-card >.el-tabs__header .el-tabs__item { - transition: all .3s cubic-bezier(.645,.045,.355,1); - border: 1px solid transparent; - border-top: 0; - margin-right: -1px; - margin-left: -1px; -} -.el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active { - background-color: #fff; - border-right-color: rgb(209, 219, 229); - border-left-color: rgb(209, 219, 229); -} -.el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active:first-child { - border-left-color: rgb(209, 219, 229); -} -.el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active:last-child { - border-right-color: rgb(209, 219, 229); -} -.slideInRight-transition, .slideInLeft-transition { - display: inline-block; -} -.slideInRight-enter { - animation: slideInRight-enter .3s; -} -.slideInRight-leave { - position: absolute; - left: 0; - right: 0; - animation: slideInRight-leave .3s; -} -.slideInLeft-enter { - animation: slideInLeft-enter .3s; -} -.slideInLeft-leave { - position: absolute; - left: 0; - right: 0; - animation: slideInLeft-leave .3s; -} -@keyframes slideInRight-enter { - 0% { - opacity: 0; - transform-origin: 0 0; - transform: translateX(100%); - } - to { - opacity: 1; - transform-origin: 0 0; - transform: translateX(0); - } -} -@keyframes slideInRight-leave { - 0% { - transform-origin: 0 0; - transform: translateX(0); - opacity: 1; - } - 100% { - transform-origin: 0 0; - transform: translateX(100%); - opacity: 0; - } -} -@keyframes slideInLeft-enter { - 0% { - opacity: 0; - transform-origin: 0 0; - transform: translateX(-100%); - } - to { - opacity: 1; - transform-origin: 0 0; - transform: translateX(0); - } -} -@keyframes slideInLeft-leave { - 0% { - transform-origin: 0 0; - transform: translateX(0); - opacity: 1; - } - 100% { - transform-origin: 0 0; - transform: translateX(-100%); - opacity: 0; - } -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag { - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close { - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover { - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray { - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover { - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit { - border-color: rgb(72, 87, 106); -} -.el-tag--primary { - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover { - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit { - border-color: #20a0ff; -} -.el-tag--success { - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover { - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit { - border-color: #13ce66; -} -.el-tag--warning { - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover { - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit { - border-color: #f7ba2a; -} -.el-tag--danger { - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover { - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit { - border-color: #ff4949; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tree { - cursor: default; - background: #fff; - border: 1px solid rgb(209, 219, 229); -} -.el-tree__empty-block { - position: relative; - min-height: 60px; - text-align: center; - width: 100%; - height: 100%; -} -.el-tree__empty-text { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - color: rgb(94, 115, 130); -} -.el-tree-node { - white-space: nowrap; -} -.el-tree-node > .el-tree-node__children { - overflow: hidden; - background-color: transparent; -} -.el-tree-node.is-expanded > .el-tree-node__children { - display: block; -} -.el-tree-node__content { - line-height: 36px; - height: 36px; - cursor: pointer; -} -.el-tree-node__content > .el-checkbox, .el-tree-node__content > .el-tree-node__expand-icon { - margin-right: 8px; -} -.el-tree-node__content > .el-checkbox { - vertical-align: middle; -} -.el-tree-node__content:hover { - background: rgb(228, 232, 241); -} -.el-tree-node__expand-icon { - display: inline-block; - cursor: pointer; - width: 0; - height: 0; - vertical-align: middle; - margin-left: 10px; - border: 6px solid transparent; - border-right-width: 0; - border-left-color: rgb(151, 168, 190); - border-left-width: 7px; - transform: rotate(0deg); - transition: transform 0.3s ease-in-out; -} -.el-tree-node__expand-icon:hover { - border-left-color: #999; -} -.el-tree-node__expand-icon.expanded { - transform: rotate(90deg); -} -.el-tree-node__expand-icon.is-leaf { - border-color: transparent; - cursor: default; -} -.el-tree-node__label { - font-size: 14px; - vertical-align: middle; - display: inline-block; -} -.el-tree-node__loading-icon { - display: inline-block; - vertical-align: middle; - margin-right: 4px; - font-size: 14px; - color: rgb(151, 168, 190); -} -.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { - background-color: rgb(237, 247, 255); -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-alert { - width: 100%; - padding: 8px 16px; - margin: 0; - box-sizing: border-box; - border-radius: 4px; - position: relative; - background-color: #fff; - overflow: hidden; - color: #fff; - opacity: 1; - display: table; - transition: opacity .2s; -} -.el-alert .el-alert__description { - color: #fff; - font-size: 12px; - margin: 5px 0 0 0; -} -.el-alert--success { - background-color: #13ce66; -} -.el-alert--info { - background-color: #50bfff; -} -.el-alert--warning { - background-color: #f7ba2a; -} -.el-alert--error { - background-color: #ff4949; -} -.el-alert__content { - display: table-cell; - padding: 0 8px; -} -.el-alert__icon { - font-size: 16px; - width: 16px; - display: table-cell; - color: #fff; - vertical-align: middle; -} -.el-alert__icon.is-big { - font-size: 28px; - width: 28px; -} -.el-alert__title { - font-size: 13px; - line-height: 18px; -} -.el-alert__title.is-bold { - font-weight: 700; -} -.el-alert__closebtn { - font-size: 12px; - color: #fff; - opacity: 1; - top: 12px; - right: 15px; - position: absolute; - cursor: pointer; -} -.el-alert__closebtn.is-customed { - font-style: normal; - font-size: 13px; - top: 9px; -} -.el-alert-fade-enter, .el-alert-fade-leave-active { - opacity: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-notification { - width: 330px; - padding: 20px; - box-sizing: border-box; - border-radius: 2px; - position: fixed; - right: 16px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - transition: opacity 0.3s, transform .3s, right .3s, top 0.4s; - overflow: hidden; -} -.el-notification .el-icon-circle-check { - color: #13ce66; -} -.el-notification .el-icon-circle-cross { - color: #ff4949; -} -.el-notification .el-icon-information { - color: #50bfff; -} -.el-notification .el-icon-warning { - color: #f7ba2a; -} -.el-notification__group { - margin-left: 0; -} -.el-notification__group.is-with-icon { - margin-left: 55px; -} -.el-notification__title { - font-weight: 400; - font-size: 16px; - color: rgb(31, 45, 61); - margin: 0; -} -.el-notification__content { - font-size: 14px; - line-height: 21px; - margin: 10px 0 0 0; - color: rgb(131, 145, 165); - text-align: justify; -} -.el-notification__icon { - width: 40px; - height: 40px; - font-size: 40px; - float: left; - position: relative; - top: 3px; -} -.el-notification__closeBtn { - top: 20px; - right: 20px; - position: absolute; - cursor: pointer; - color: rgb(191, 203, 217); - font-size: 14px; -} -.el-notification__closeBtn:hover { - color: rgb(151, 168, 190); -} -.el-notification-fade-enter { - transform: translateX(100%); - right: 0; -} -.el-notification-fade-leave-active { - opacity: 0; -} -@charset "UTF-8"; -@charset "UTF-8"; -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input-number { - display: inline-block; - width: 180px; - position: relative; - line-height: normal; -} -.el-input-number .el-input { - display: block; -} -.el-input-number .el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding-right: 82px; -} -.el-input-number.is-without-controls {} -.el-input-number.is-without-controls .el-input__inner { - padding-right: 10px; -} -.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease { - border-color: rgb(209, 219, 229); - color: rgb(209, 219, 229); -} -.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-input-number__increase, .el-input-number__decrease { - height: auto; - border-left: 1px solid rgb(191, 203, 217); - width: 36px; - line-height: 34px; - top: 1px; - text-align: center; - color: rgb(151, 168, 190); - cursor: pointer; - position: absolute; - z-index: 1; -} -.el-input-number__increase:hover, .el-input-number__decrease:hover { - color: #20a0ff; -} -.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { - border-color: #20a0ff; -} -.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-input-number__increase { - right: 0; -} -.el-input-number__decrease { - right: 37px; -} -.el-input-number--large { - width: 200px; -} -.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease { - line-height: 40px; - width: 42px; - font-size: 16px; -} -.el-input-number--large .el-input-number__decrease { - right: 43px; -} -.el-input-number--large .el-input__inner { - padding-right: 94px; -} -.el-input-number--small { - width: 130px; -} -.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { - line-height: 28px; - width: 30px; - font-size: 13px; -} -.el-input-number--small .el-input-number__decrease { - right: 31px; -} -.el-input-number--small .el-input__inner { - padding-right: 70px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tooltip {} -.el-tooltip__popper { - position: absolute; - border-radius: 4px; - padding: 10px; - z-index: 2000; - font-size: 12px; - line-height: 1.2; -} -.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.el-tooltip__popper .popper__arrow { - border-width: 6px; -} -.el-tooltip__popper .popper__arrow::after { - content: " "; - border-width: 5px; -} -.el-tooltip__popper[x-placement^="top"] { - margin-bottom: 12px; -} -.el-tooltip__popper[x-placement^="top"] .popper__arrow { - bottom: -6px; - border-top-color: rgb(31, 45, 61); - border-bottom-width: 0; -} -.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { - bottom: 1px; - margin-left: -5px; - border-top-color: rgb(31, 45, 61); - border-bottom-width: 0; -} -.el-tooltip__popper[x-placement^="bottom"] { - margin-top: 12px; -} -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { - top: -6px; - border-top-width: 0; - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { - top: 1px; - margin-left: -5px; - border-top-width: 0; - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="right"] { - margin-left: 12px; -} -.el-tooltip__popper[x-placement^="right"] .popper__arrow { - left: -6px; - border-right-color: rgb(31, 45, 61); - border-left-width: 0; -} -.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { - bottom: -5px; - left: 1px; - border-right-color: rgb(31, 45, 61); - border-left-width: 0; -} -.el-tooltip__popper[x-placement^="left"] { - margin-right: 12px; -} -.el-tooltip__popper[x-placement^="left"] .popper__arrow { - right: -6px; - border-right-width: 0; - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { - right: 1px; - bottom: -5px; - margin-left: -5px; - border-right-width: 0; - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light { - background: #fff; - border: 1px solid rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { - border-top-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { - border-top-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { - border-bottom-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { - border-left-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { - border-right-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { - border-right-color: #fff; -} -.el-tooltip__popper.is-dark { - background: rgb(31, 45, 61); - color: #fff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-slider {} -.el-slider:before, .el-slider:after { - display: table; - content: ""; -} -.el-slider:after { - clear: both; -} -.el-slider.is-vertical { - position: relative; -} -.el-slider.is-vertical .el-slider__runway { - width: 4px; - height: 100%; - margin: 0 16px; -} -.el-slider.is-vertical .el-slider__bar { - width: 4px; - height: auto; - border-radius: 0 0 3px 3px; -} -.el-slider.is-vertical .el-slider__button-wrapper { - top: auto; - left: -16px; - transform: translateY(50%); -} -.el-slider.is-vertical .el-slider__stop { - transform: translateY(50%); -} -.el-slider.is-vertical.el-slider--with-input { - padding-bottom: 64px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input { - overflow: visible; - float: none; - position: absolute; - bottom: 22px; - width: 36px; - margin-top: 15px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { - text-align: center; - padding-left: 5px; - padding-right: 5px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { - top: 30px; - margin-top: -1px; - border: 1px solid rgb(191, 203, 217); - line-height: 20px; - box-sizing: border-box; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { - width: 18px; - right: 18px; - border-bottom-left-radius: 4px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { - width: 19px; - border-bottom-right-radius: 4px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { - border-color: rgb(131, 145, 165); -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { - border-color: #20a0ff; -} -.el-slider__runway { - width: 100%; - height: 4px; - margin: 16px 0; - background-color: rgb(228, 232, 241); - border-radius: 3px; - position: relative; - cursor: pointer; - vertical-align: middle; -} -.el-slider__runway.show-input { - margin-right: 160px; - width: auto; -} -.el-slider__runway.disabled { - cursor: default; -} -.el-slider__runway.disabled .el-slider__bar, .el-slider__runway.disabled .el-slider__button { - background-color: rgb(191, 203, 217); -} -.el-slider__runway.disabled .el-slider__button-wrapper {} -.el-slider__runway.disabled .el-slider__button-wrapper:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover { - cursor: not-allowed; -} -.el-slider__runway.disabled .el-slider__button-wrapper.dragging { - cursor: not-allowed; -} -.el-slider__runway.disabled .el-slider__button {} -.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging { - transform: scale(1); -} -.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover { - cursor: not-allowed; -} -.el-slider__runway.disabled .el-slider__button.dragging { - cursor: not-allowed; -} -.el-slider__input { - float: right; - margin-top: 3px; -} -.el-slider__bar { - height: 4px; - background-color: #20a0ff; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - position: absolute; -} -.el-slider__button-wrapper { - width: 36px; - height: 36px; - position: absolute; - z-index: 1001; - top: -16px; - transform: translateX(-50%); - background-color: transparent; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.el-slider__button-wrapper:after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-slider__button-wrapper .el-tooltip { - vertical-align: middle; - display: inline-block; -} -.el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover { - cursor: -webkit-grab; - cursor: grab; -} -.el-slider__button-wrapper.dragging { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.el-slider__button { - width: 12px; - height: 12px; - background-color: #20a0ff; - border-radius: 50%; - transition: .2s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging { - transform: scale(1.5); - background-color: rgb(28, 141, 224); -} -.el-slider__button:hover, .el-slider__button.hover { - cursor: -webkit-grab; - cursor: grab; -} -.el-slider__button.dragging { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.el-slider__stop { - position: absolute; - width: 4px; - height: 4px; - border-radius: 100%; - background-color: rgb(191, 203, 217); - transform: translateX(-50%); -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-loading-mask { - position: absolute; - z-index: 10000; - background-color: rgba(255, 255, 255, .9); - margin: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - transition: opacity 0.3s; -} -.el-loading-mask.is-fullscreen { - position: fixed; -} -.el-loading-mask.is-fullscreen .el-loading-spinner { - margin-top: -25px; -} -.el-loading-mask.is-fullscreen .el-loading-spinner .circular { - width: 50px; - height: 50px; -} -.el-loading-spinner { - top: 50%; - margin-top: -21px; - width: 100%; - text-align: center; - position: absolute; -} -.el-loading-spinner .el-loading-text { - color: #20a0ff; - margin: 3px 0; - font-size: 14px; -} -.el-loading-spinner .circular { - width: 42px; - height: 42px; - animation: loading-rotate 2s linear infinite; -} -.el-loading-spinner .path { - animation: loading-dash 1.5s ease-in-out infinite; - stroke-dasharray: 90, 150; - stroke-dashoffset: 0; - stroke-width: 2; - stroke: #20a0ff; - stroke-linecap: round; -} -.el-loading-fade-enter, .el-loading-fade-leave-active { - opacity: 0; -} -@keyframes loading-rotate { - 100% { - transform: rotate(360deg); - } -} -@keyframes loading-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -40px; - } - 100% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -120px; - } -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-row { - position: relative; - box-sizing: border-box; -} -.el-row:before, .el-row:after { - display: table; - content: ""; -} -.el-row:after { - clear: both; -} -.el-row--flex { - display: -ms-flexbox; - display: flex; -} -.el-row--flex:before, .el-row--flex:after { - display: none; -} -.el-row--flex.is-align-bottom { - -ms-flex-align: end; - align-items: flex-end; -} -.el-row--flex.is-align-middle { - -ms-flex-align: center; - align-items: center; -} -.el-row--flex.is-justify-space-around { - -ms-flex-pack: distribute; - justify-content: space-around; -} -.el-row--flex.is-justify-space-between { - -ms-flex-pack: justify; - justify-content: space-between; -} -.el-row--flex.is-justify-end { - -ms-flex-pack: end; - justify-content: flex-end; -} -.el-row--flex.is-justify-center { - -ms-flex-pack: center; - justify-content: center; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-col-1, .el-col-2, .el-col-3, .el-col-4, .el-col-5, .el-col-6, .el-col-7, .el-col-8, .el-col-9, .el-col-10, .el-col-11, .el-col-12, .el-col-13, .el-col-14, .el-col-15, .el-col-16, .el-col-17, .el-col-18, .el-col-19, .el-col-20, .el-col-21, .el-col-22, .el-col-23, .el-col-24 { - float: left; - box-sizing: border-box; -} -.el-col-0 { - width: 0; -} -.el-col-0 { - width: 0%; -} -.el-col-offset-0 { - margin-left: 0%; -} -.el-col-pull-0 { - position: relative; - right: 0%; -} -.el-col-push-0 { - position: relative; - left: 0%; -} -.el-col-1 { - width: 4.16667%; -} -.el-col-offset-1 { - margin-left: 4.16667%; -} -.el-col-pull-1 { - position: relative; - right: 4.16667%; -} -.el-col-push-1 { - position: relative; - left: 4.16667%; -} -.el-col-2 { - width: 8.33333%; -} -.el-col-offset-2 { - margin-left: 8.33333%; -} -.el-col-pull-2 { - position: relative; - right: 8.33333%; -} -.el-col-push-2 { - position: relative; - left: 8.33333%; -} -.el-col-3 { - width: 12.5%; -} -.el-col-offset-3 { - margin-left: 12.5%; -} -.el-col-pull-3 { - position: relative; - right: 12.5%; -} -.el-col-push-3 { - position: relative; - left: 12.5%; -} -.el-col-4 { - width: 16.66667%; -} -.el-col-offset-4 { - margin-left: 16.66667%; -} -.el-col-pull-4 { - position: relative; - right: 16.66667%; -} -.el-col-push-4 { - position: relative; - left: 16.66667%; -} -.el-col-5 { - width: 20.83333%; -} -.el-col-offset-5 { - margin-left: 20.83333%; -} -.el-col-pull-5 { - position: relative; - right: 20.83333%; -} -.el-col-push-5 { - position: relative; - left: 20.83333%; -} -.el-col-6 { - width: 25%; -} -.el-col-offset-6 { - margin-left: 25%; -} -.el-col-pull-6 { - position: relative; - right: 25%; -} -.el-col-push-6 { - position: relative; - left: 25%; -} -.el-col-7 { - width: 29.16667%; -} -.el-col-offset-7 { - margin-left: 29.16667%; -} -.el-col-pull-7 { - position: relative; - right: 29.16667%; -} -.el-col-push-7 { - position: relative; - left: 29.16667%; -} -.el-col-8 { - width: 33.33333%; -} -.el-col-offset-8 { - margin-left: 33.33333%; -} -.el-col-pull-8 { - position: relative; - right: 33.33333%; -} -.el-col-push-8 { - position: relative; - left: 33.33333%; -} -.el-col-9 { - width: 37.5%; -} -.el-col-offset-9 { - margin-left: 37.5%; -} -.el-col-pull-9 { - position: relative; - right: 37.5%; -} -.el-col-push-9 { - position: relative; - left: 37.5%; -} -.el-col-10 { - width: 41.66667%; -} -.el-col-offset-10 { - margin-left: 41.66667%; -} -.el-col-pull-10 { - position: relative; - right: 41.66667%; -} -.el-col-push-10 { - position: relative; - left: 41.66667%; -} -.el-col-11 { - width: 45.83333%; -} -.el-col-offset-11 { - margin-left: 45.83333%; -} -.el-col-pull-11 { - position: relative; - right: 45.83333%; -} -.el-col-push-11 { - position: relative; - left: 45.83333%; -} -.el-col-12 { - width: 50%; -} -.el-col-offset-12 { - margin-left: 50%; -} -.el-col-pull-12 { - position: relative; - right: 50%; -} -.el-col-push-12 { - position: relative; - left: 50%; -} -.el-col-13 { - width: 54.16667%; -} -.el-col-offset-13 { - margin-left: 54.16667%; -} -.el-col-pull-13 { - position: relative; - right: 54.16667%; -} -.el-col-push-13 { - position: relative; - left: 54.16667%; -} -.el-col-14 { - width: 58.33333%; -} -.el-col-offset-14 { - margin-left: 58.33333%; -} -.el-col-pull-14 { - position: relative; - right: 58.33333%; -} -.el-col-push-14 { - position: relative; - left: 58.33333%; -} -.el-col-15 { - width: 62.5%; -} -.el-col-offset-15 { - margin-left: 62.5%; -} -.el-col-pull-15 { - position: relative; - right: 62.5%; -} -.el-col-push-15 { - position: relative; - left: 62.5%; -} -.el-col-16 { - width: 66.66667%; -} -.el-col-offset-16 { - margin-left: 66.66667%; -} -.el-col-pull-16 { - position: relative; - right: 66.66667%; -} -.el-col-push-16 { - position: relative; - left: 66.66667%; -} -.el-col-17 { - width: 70.83333%; -} -.el-col-offset-17 { - margin-left: 70.83333%; -} -.el-col-pull-17 { - position: relative; - right: 70.83333%; -} -.el-col-push-17 { - position: relative; - left: 70.83333%; -} -.el-col-18 { - width: 75%; -} -.el-col-offset-18 { - margin-left: 75%; -} -.el-col-pull-18 { - position: relative; - right: 75%; -} -.el-col-push-18 { - position: relative; - left: 75%; -} -.el-col-19 { - width: 79.16667%; -} -.el-col-offset-19 { - margin-left: 79.16667%; -} -.el-col-pull-19 { - position: relative; - right: 79.16667%; -} -.el-col-push-19 { - position: relative; - left: 79.16667%; -} -.el-col-20 { - width: 83.33333%; -} -.el-col-offset-20 { - margin-left: 83.33333%; -} -.el-col-pull-20 { - position: relative; - right: 83.33333%; -} -.el-col-push-20 { - position: relative; - left: 83.33333%; -} -.el-col-21 { - width: 87.5%; -} -.el-col-offset-21 { - margin-left: 87.5%; -} -.el-col-pull-21 { - position: relative; - right: 87.5%; -} -.el-col-push-21 { - position: relative; - left: 87.5%; -} -.el-col-22 { - width: 91.66667%; -} -.el-col-offset-22 { - margin-left: 91.66667%; -} -.el-col-pull-22 { - position: relative; - right: 91.66667%; -} -.el-col-push-22 { - position: relative; - left: 91.66667%; -} -.el-col-23 { - width: 95.83333%; -} -.el-col-offset-23 { - margin-left: 95.83333%; -} -.el-col-pull-23 { - position: relative; - right: 95.83333%; -} -.el-col-push-23 { - position: relative; - left: 95.83333%; -} -.el-col-24 { - width: 100%; -} -.el-col-offset-24 { - margin-left: 100%; -} -.el-col-pull-24 { - position: relative; - right: 100%; -} -.el-col-push-24 { - position: relative; - left: 100%; -} -@media (max-width: 768px) { - .el-col-xs-0 { - width: 0%; - } - .el-col-xs-offset-0 { - margin-left: 0%; - } - .el-col-xs-pull-0 { - position: relative; - right: 0%; - } - .el-col-xs-push-0 { - position: relative; - left: 0%; - } - .el-col-xs-1 { - width: 4.16667%; - } - .el-col-xs-offset-1 { - margin-left: 4.16667%; - } - .el-col-xs-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-xs-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-xs-2 { - width: 8.33333%; - } - .el-col-xs-offset-2 { - margin-left: 8.33333%; - } - .el-col-xs-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-xs-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-xs-3 { - width: 12.5%; - } - .el-col-xs-offset-3 { - margin-left: 12.5%; - } - .el-col-xs-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-xs-push-3 { - position: relative; - left: 12.5%; - } - .el-col-xs-4 { - width: 16.66667%; - } - .el-col-xs-offset-4 { - margin-left: 16.66667%; - } - .el-col-xs-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-xs-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-xs-5 { - width: 20.83333%; - } - .el-col-xs-offset-5 { - margin-left: 20.83333%; - } - .el-col-xs-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-xs-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-xs-6 { - width: 25%; - } - .el-col-xs-offset-6 { - margin-left: 25%; - } - .el-col-xs-pull-6 { - position: relative; - right: 25%; - } - .el-col-xs-push-6 { - position: relative; - left: 25%; - } - .el-col-xs-7 { - width: 29.16667%; - } - .el-col-xs-offset-7 { - margin-left: 29.16667%; - } - .el-col-xs-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-xs-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-xs-8 { - width: 33.33333%; - } - .el-col-xs-offset-8 { - margin-left: 33.33333%; - } - .el-col-xs-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-xs-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-xs-9 { - width: 37.5%; - } - .el-col-xs-offset-9 { - margin-left: 37.5%; - } - .el-col-xs-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-xs-push-9 { - position: relative; - left: 37.5%; - } - .el-col-xs-10 { - width: 41.66667%; - } - .el-col-xs-offset-10 { - margin-left: 41.66667%; - } - .el-col-xs-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-xs-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-xs-11 { - width: 45.83333%; - } - .el-col-xs-offset-11 { - margin-left: 45.83333%; - } - .el-col-xs-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-xs-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-xs-12 { - width: 50%; - } - .el-col-xs-offset-12 { - margin-left: 50%; - } - .el-col-xs-pull-12 { - position: relative; - right: 50%; - } - .el-col-xs-push-12 { - position: relative; - left: 50%; - } - .el-col-xs-13 { - width: 54.16667%; - } - .el-col-xs-offset-13 { - margin-left: 54.16667%; - } - .el-col-xs-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-xs-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-xs-14 { - width: 58.33333%; - } - .el-col-xs-offset-14 { - margin-left: 58.33333%; - } - .el-col-xs-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-xs-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-xs-15 { - width: 62.5%; - } - .el-col-xs-offset-15 { - margin-left: 62.5%; - } - .el-col-xs-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-xs-push-15 { - position: relative; - left: 62.5%; - } - .el-col-xs-16 { - width: 66.66667%; - } - .el-col-xs-offset-16 { - margin-left: 66.66667%; - } - .el-col-xs-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-xs-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-xs-17 { - width: 70.83333%; - } - .el-col-xs-offset-17 { - margin-left: 70.83333%; - } - .el-col-xs-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-xs-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-xs-18 { - width: 75%; - } - .el-col-xs-offset-18 { - margin-left: 75%; - } - .el-col-xs-pull-18 { - position: relative; - right: 75%; - } - .el-col-xs-push-18 { - position: relative; - left: 75%; - } - .el-col-xs-19 { - width: 79.16667%; - } - .el-col-xs-offset-19 { - margin-left: 79.16667%; - } - .el-col-xs-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-xs-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-xs-20 { - width: 83.33333%; - } - .el-col-xs-offset-20 { - margin-left: 83.33333%; - } - .el-col-xs-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-xs-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-xs-21 { - width: 87.5%; - } - .el-col-xs-offset-21 { - margin-left: 87.5%; - } - .el-col-xs-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-xs-push-21 { - position: relative; - left: 87.5%; - } - .el-col-xs-22 { - width: 91.66667%; - } - .el-col-xs-offset-22 { - margin-left: 91.66667%; - } - .el-col-xs-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-xs-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-xs-23 { - width: 95.83333%; - } - .el-col-xs-offset-23 { - margin-left: 95.83333%; - } - .el-col-xs-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-xs-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-xs-24 { - width: 100%; - } - .el-col-xs-offset-24 { - margin-left: 100%; - } - .el-col-xs-pull-24 { - position: relative; - right: 100%; - } - .el-col-xs-push-24 { - position: relative; - left: 100%; - } -} -@media (min-width: 768px) { - .el-col-sm-0 { - width: 0%; - } - .el-col-sm-offset-0 { - margin-left: 0%; - } - .el-col-sm-pull-0 { - position: relative; - right: 0%; - } - .el-col-sm-push-0 { - position: relative; - left: 0%; - } - .el-col-sm-1 { - width: 4.16667%; - } - .el-col-sm-offset-1 { - margin-left: 4.16667%; - } - .el-col-sm-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-sm-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-sm-2 { - width: 8.33333%; - } - .el-col-sm-offset-2 { - margin-left: 8.33333%; - } - .el-col-sm-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-sm-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-sm-3 { - width: 12.5%; - } - .el-col-sm-offset-3 { - margin-left: 12.5%; - } - .el-col-sm-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-sm-push-3 { - position: relative; - left: 12.5%; - } - .el-col-sm-4 { - width: 16.66667%; - } - .el-col-sm-offset-4 { - margin-left: 16.66667%; - } - .el-col-sm-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-sm-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-sm-5 { - width: 20.83333%; - } - .el-col-sm-offset-5 { - margin-left: 20.83333%; - } - .el-col-sm-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-sm-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-sm-6 { - width: 25%; - } - .el-col-sm-offset-6 { - margin-left: 25%; - } - .el-col-sm-pull-6 { - position: relative; - right: 25%; - } - .el-col-sm-push-6 { - position: relative; - left: 25%; - } - .el-col-sm-7 { - width: 29.16667%; - } - .el-col-sm-offset-7 { - margin-left: 29.16667%; - } - .el-col-sm-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-sm-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-sm-8 { - width: 33.33333%; - } - .el-col-sm-offset-8 { - margin-left: 33.33333%; - } - .el-col-sm-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-sm-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-sm-9 { - width: 37.5%; - } - .el-col-sm-offset-9 { - margin-left: 37.5%; - } - .el-col-sm-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-sm-push-9 { - position: relative; - left: 37.5%; - } - .el-col-sm-10 { - width: 41.66667%; - } - .el-col-sm-offset-10 { - margin-left: 41.66667%; - } - .el-col-sm-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-sm-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-sm-11 { - width: 45.83333%; - } - .el-col-sm-offset-11 { - margin-left: 45.83333%; - } - .el-col-sm-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-sm-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-sm-12 { - width: 50%; - } - .el-col-sm-offset-12 { - margin-left: 50%; - } - .el-col-sm-pull-12 { - position: relative; - right: 50%; - } - .el-col-sm-push-12 { - position: relative; - left: 50%; - } - .el-col-sm-13 { - width: 54.16667%; - } - .el-col-sm-offset-13 { - margin-left: 54.16667%; - } - .el-col-sm-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-sm-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-sm-14 { - width: 58.33333%; - } - .el-col-sm-offset-14 { - margin-left: 58.33333%; - } - .el-col-sm-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-sm-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-sm-15 { - width: 62.5%; - } - .el-col-sm-offset-15 { - margin-left: 62.5%; - } - .el-col-sm-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-sm-push-15 { - position: relative; - left: 62.5%; - } - .el-col-sm-16 { - width: 66.66667%; - } - .el-col-sm-offset-16 { - margin-left: 66.66667%; - } - .el-col-sm-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-sm-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-sm-17 { - width: 70.83333%; - } - .el-col-sm-offset-17 { - margin-left: 70.83333%; - } - .el-col-sm-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-sm-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-sm-18 { - width: 75%; - } - .el-col-sm-offset-18 { - margin-left: 75%; - } - .el-col-sm-pull-18 { - position: relative; - right: 75%; - } - .el-col-sm-push-18 { - position: relative; - left: 75%; - } - .el-col-sm-19 { - width: 79.16667%; - } - .el-col-sm-offset-19 { - margin-left: 79.16667%; - } - .el-col-sm-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-sm-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-sm-20 { - width: 83.33333%; - } - .el-col-sm-offset-20 { - margin-left: 83.33333%; - } - .el-col-sm-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-sm-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-sm-21 { - width: 87.5%; - } - .el-col-sm-offset-21 { - margin-left: 87.5%; - } - .el-col-sm-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-sm-push-21 { - position: relative; - left: 87.5%; - } - .el-col-sm-22 { - width: 91.66667%; - } - .el-col-sm-offset-22 { - margin-left: 91.66667%; - } - .el-col-sm-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-sm-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-sm-23 { - width: 95.83333%; - } - .el-col-sm-offset-23 { - margin-left: 95.83333%; - } - .el-col-sm-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-sm-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-sm-24 { - width: 100%; - } - .el-col-sm-offset-24 { - margin-left: 100%; - } - .el-col-sm-pull-24 { - position: relative; - right: 100%; - } - .el-col-sm-push-24 { - position: relative; - left: 100%; - } -} -@media (min-width: 992px) { - .el-col-md-0 { - width: 0%; - } - .el-col-md-offset-0 { - margin-left: 0%; - } - .el-col-md-pull-0 { - position: relative; - right: 0%; - } - .el-col-md-push-0 { - position: relative; - left: 0%; - } - .el-col-md-1 { - width: 4.16667%; - } - .el-col-md-offset-1 { - margin-left: 4.16667%; - } - .el-col-md-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-md-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-md-2 { - width: 8.33333%; - } - .el-col-md-offset-2 { - margin-left: 8.33333%; - } - .el-col-md-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-md-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-md-3 { - width: 12.5%; - } - .el-col-md-offset-3 { - margin-left: 12.5%; - } - .el-col-md-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-md-push-3 { - position: relative; - left: 12.5%; - } - .el-col-md-4 { - width: 16.66667%; - } - .el-col-md-offset-4 { - margin-left: 16.66667%; - } - .el-col-md-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-md-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-md-5 { - width: 20.83333%; - } - .el-col-md-offset-5 { - margin-left: 20.83333%; - } - .el-col-md-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-md-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-md-6 { - width: 25%; - } - .el-col-md-offset-6 { - margin-left: 25%; - } - .el-col-md-pull-6 { - position: relative; - right: 25%; - } - .el-col-md-push-6 { - position: relative; - left: 25%; - } - .el-col-md-7 { - width: 29.16667%; - } - .el-col-md-offset-7 { - margin-left: 29.16667%; - } - .el-col-md-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-md-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-md-8 { - width: 33.33333%; - } - .el-col-md-offset-8 { - margin-left: 33.33333%; - } - .el-col-md-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-md-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-md-9 { - width: 37.5%; - } - .el-col-md-offset-9 { - margin-left: 37.5%; - } - .el-col-md-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-md-push-9 { - position: relative; - left: 37.5%; - } - .el-col-md-10 { - width: 41.66667%; - } - .el-col-md-offset-10 { - margin-left: 41.66667%; - } - .el-col-md-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-md-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-md-11 { - width: 45.83333%; - } - .el-col-md-offset-11 { - margin-left: 45.83333%; - } - .el-col-md-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-md-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-md-12 { - width: 50%; - } - .el-col-md-offset-12 { - margin-left: 50%; - } - .el-col-md-pull-12 { - position: relative; - right: 50%; - } - .el-col-md-push-12 { - position: relative; - left: 50%; - } - .el-col-md-13 { - width: 54.16667%; - } - .el-col-md-offset-13 { - margin-left: 54.16667%; - } - .el-col-md-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-md-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-md-14 { - width: 58.33333%; - } - .el-col-md-offset-14 { - margin-left: 58.33333%; - } - .el-col-md-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-md-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-md-15 { - width: 62.5%; - } - .el-col-md-offset-15 { - margin-left: 62.5%; - } - .el-col-md-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-md-push-15 { - position: relative; - left: 62.5%; - } - .el-col-md-16 { - width: 66.66667%; - } - .el-col-md-offset-16 { - margin-left: 66.66667%; - } - .el-col-md-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-md-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-md-17 { - width: 70.83333%; - } - .el-col-md-offset-17 { - margin-left: 70.83333%; - } - .el-col-md-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-md-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-md-18 { - width: 75%; - } - .el-col-md-offset-18 { - margin-left: 75%; - } - .el-col-md-pull-18 { - position: relative; - right: 75%; - } - .el-col-md-push-18 { - position: relative; - left: 75%; - } - .el-col-md-19 { - width: 79.16667%; - } - .el-col-md-offset-19 { - margin-left: 79.16667%; - } - .el-col-md-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-md-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-md-20 { - width: 83.33333%; - } - .el-col-md-offset-20 { - margin-left: 83.33333%; - } - .el-col-md-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-md-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-md-21 { - width: 87.5%; - } - .el-col-md-offset-21 { - margin-left: 87.5%; - } - .el-col-md-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-md-push-21 { - position: relative; - left: 87.5%; - } - .el-col-md-22 { - width: 91.66667%; - } - .el-col-md-offset-22 { - margin-left: 91.66667%; - } - .el-col-md-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-md-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-md-23 { - width: 95.83333%; - } - .el-col-md-offset-23 { - margin-left: 95.83333%; - } - .el-col-md-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-md-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-md-24 { - width: 100%; - } - .el-col-md-offset-24 { - margin-left: 100%; - } - .el-col-md-pull-24 { - position: relative; - right: 100%; - } - .el-col-md-push-24 { - position: relative; - left: 100%; - } -} -@media (min-width: 1200px) { - .el-col-lg-0 { - width: 0%; - } - .el-col-lg-offset-0 { - margin-left: 0%; - } - .el-col-lg-pull-0 { - position: relative; - right: 0%; - } - .el-col-lg-push-0 { - position: relative; - left: 0%; - } - .el-col-lg-1 { - width: 4.16667%; - } - .el-col-lg-offset-1 { - margin-left: 4.16667%; - } - .el-col-lg-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-lg-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-lg-2 { - width: 8.33333%; - } - .el-col-lg-offset-2 { - margin-left: 8.33333%; - } - .el-col-lg-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-lg-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-lg-3 { - width: 12.5%; - } - .el-col-lg-offset-3 { - margin-left: 12.5%; - } - .el-col-lg-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-lg-push-3 { - position: relative; - left: 12.5%; - } - .el-col-lg-4 { - width: 16.66667%; - } - .el-col-lg-offset-4 { - margin-left: 16.66667%; - } - .el-col-lg-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-lg-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-lg-5 { - width: 20.83333%; - } - .el-col-lg-offset-5 { - margin-left: 20.83333%; - } - .el-col-lg-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-lg-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-lg-6 { - width: 25%; - } - .el-col-lg-offset-6 { - margin-left: 25%; - } - .el-col-lg-pull-6 { - position: relative; - right: 25%; - } - .el-col-lg-push-6 { - position: relative; - left: 25%; - } - .el-col-lg-7 { - width: 29.16667%; - } - .el-col-lg-offset-7 { - margin-left: 29.16667%; - } - .el-col-lg-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-lg-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-lg-8 { - width: 33.33333%; - } - .el-col-lg-offset-8 { - margin-left: 33.33333%; - } - .el-col-lg-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-lg-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-lg-9 { - width: 37.5%; - } - .el-col-lg-offset-9 { - margin-left: 37.5%; - } - .el-col-lg-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-lg-push-9 { - position: relative; - left: 37.5%; - } - .el-col-lg-10 { - width: 41.66667%; - } - .el-col-lg-offset-10 { - margin-left: 41.66667%; - } - .el-col-lg-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-lg-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-lg-11 { - width: 45.83333%; - } - .el-col-lg-offset-11 { - margin-left: 45.83333%; - } - .el-col-lg-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-lg-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-lg-12 { - width: 50%; - } - .el-col-lg-offset-12 { - margin-left: 50%; - } - .el-col-lg-pull-12 { - position: relative; - right: 50%; - } - .el-col-lg-push-12 { - position: relative; - left: 50%; - } - .el-col-lg-13 { - width: 54.16667%; - } - .el-col-lg-offset-13 { - margin-left: 54.16667%; - } - .el-col-lg-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-lg-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-lg-14 { - width: 58.33333%; - } - .el-col-lg-offset-14 { - margin-left: 58.33333%; - } - .el-col-lg-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-lg-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-lg-15 { - width: 62.5%; - } - .el-col-lg-offset-15 { - margin-left: 62.5%; - } - .el-col-lg-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-lg-push-15 { - position: relative; - left: 62.5%; - } - .el-col-lg-16 { - width: 66.66667%; - } - .el-col-lg-offset-16 { - margin-left: 66.66667%; - } - .el-col-lg-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-lg-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-lg-17 { - width: 70.83333%; - } - .el-col-lg-offset-17 { - margin-left: 70.83333%; - } - .el-col-lg-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-lg-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-lg-18 { - width: 75%; - } - .el-col-lg-offset-18 { - margin-left: 75%; - } - .el-col-lg-pull-18 { - position: relative; - right: 75%; - } - .el-col-lg-push-18 { - position: relative; - left: 75%; - } - .el-col-lg-19 { - width: 79.16667%; - } - .el-col-lg-offset-19 { - margin-left: 79.16667%; - } - .el-col-lg-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-lg-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-lg-20 { - width: 83.33333%; - } - .el-col-lg-offset-20 { - margin-left: 83.33333%; - } - .el-col-lg-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-lg-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-lg-21 { - width: 87.5%; - } - .el-col-lg-offset-21 { - margin-left: 87.5%; - } - .el-col-lg-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-lg-push-21 { - position: relative; - left: 87.5%; - } - .el-col-lg-22 { - width: 91.66667%; - } - .el-col-lg-offset-22 { - margin-left: 91.66667%; - } - .el-col-lg-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-lg-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-lg-23 { - width: 95.83333%; - } - .el-col-lg-offset-23 { - margin-left: 95.83333%; - } - .el-col-lg-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-lg-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-lg-24 { - width: 100%; - } - .el-col-lg-offset-24 { - margin-left: 100%; - } - .el-col-lg-pull-24 { - position: relative; - right: 100%; - } - .el-col-lg-push-24 { - position: relative; - left: 100%; - } -} -@charset "UTF-8"; -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-progress { - position: relative; - line-height: 1; -} -.el-progress.is-exception .el-progress-bar__inner { - background-color: #ff4949; -} -.el-progress.is-exception .el-progress__text { - color: #ff4949; -} -.el-progress.is-success .el-progress-bar__inner { - background-color: #13ce66; -} -.el-progress.is-success .el-progress__text { - color: #13ce66; -} -.el-progress__text { - font-size: 14px; - color: rgb(72, 87, 106); - display: inline-block; - vertical-align: middle; - margin-left: 10px; - line-height: 1; -} -.el-progress__text i { - vertical-align: middle; - display: block; -} -.el-progress--circle { - display: inline-block; -} -.el-progress--circle .el-progress__text { - position: absolute; - top: 50%; - left: 0; - width: 100%; - text-align: center; - margin: 0; - transform: translate(0, -50%); -} -.el-progress--circle .el-progress__text i { - vertical-align: middle; - display: inline-block; -} -.el-progress--without-text .el-progress__text { - display: none; -} -.el-progress--without-text .el-progress-bar { - padding-right: 0; - margin-right: 0; - display: block; -} -.el-progress--text-inside .el-progress-bar { - padding-right: 0; - margin-right: 0; -} -.el-progress-bar { - padding-right: 50px; - display: inline-block; - vertical-align: middle; - width: 100%; - margin-right: -55px; - box-sizing: border-box; -} -.el-progress-bar__outer { - height: 6px; - border-radius: 100px; - background-color: rgb(228, 232, 241); - overflow: hidden; - position: relative; - vertical-align: middle; -} -.el-progress-bar__inner { - position: absolute; - left: 0; - top: 0; - height: 100%; - border-radius: 2px 0 0 2px; - background-color: #20a0ff; - text-align: right; - border-radius: 100px; - line-height: 1; - white-space: nowrap; -} -.el-progress-bar__inner:after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-progress-bar__inner:after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-progress-bar__innerText { - display: inline-block; - vertical-align: middle; - color: #fff; - font-size: 12px; - margin: 0 5px; -} -@keyframes progress { - 0% { - background-position: 0 0; - } - 100% { - background-position: 32px 0; - } -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-upload { - display: inline-block; - text-align: center; - cursor: pointer; - /* 照片墙模式 */ -} -.el-upload iframe { - position: absolute; - z-index: -1; - top: 0; - left: 0; - opacity: 0; - filter: alpha(opacity=0); -} -.el-upload__input { - display: none; -} -.el-upload__tip { - font-size: 12px; - color: rgb(131, 145, 165); - margin-top: 7px; -} -.el-upload--picture-card { - background-color: #fbfdff; - border: 1px dashed #c0ccda; - border-radius: 6px; - box-sizing: border-box; - width: 148px; - height: 148px; - cursor: pointer; - line-height: 146px; - vertical-align: top; -} -.el-upload--picture-card i { - font-size: 28px; - color: #8c939d; -} -.el-upload--picture-card:hover { - border-color: #20a0ff; - color: #20a0ff; -} -.el-upload-dragger { - background-color: #fff; - border: 1px dashed #d9d9d9; - border-radius: 6px; - box-sizing: border-box; - width: 360px; - height: 180px; - text-align: center; - cursor: pointer; - position: relative; - overflow: hidden; -} -.el-upload-dragger .el-upload__text { - color: rgb(151, 168, 190); - font-size: 14px; - text-align: center; -} -.el-upload-dragger .el-upload__text em { - color: #20a0ff; - font-style: normal; -} -.el-upload-dragger .el-icon-upload { - font-size: 67px; - color: rgb(151, 168, 190); - margin: 40px 0 16px; - line-height: 50px; -} -.el-upload-dragger + .el-upload__tip { - text-align: center; -} -.el-upload-dragger ~ .el-upload__files { - border-top: 1px solid rgba(191, 203, 217, 0.2); - margin-top: 7px; - padding-top: 5px; -} -.el-upload-dragger:hover { - border-color: #20a0ff; -} -.el-upload-dragger.is-dragover { - background-color: rgba(32, 159, 255, .06); - border: 2px dashed #20a0ff; -} -.el-upload-list { - margin: 0; - padding: 0; - list-style: none; -} -.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { - display: block; -} -.el-upload-list__item { - transition: all .5s cubic-bezier(.55,0,.1,1); - font-size: 14px; - color: rgb(72, 87, 106); - line-height: 1.8; - margin-top: 5px; - position: relative; - box-sizing: border-box; - border-radius: 4px; - width: 100%; - position: relative; -} -.el-upload-list__item .el-progress-bar { - margin-right: 0; - padding-right: 0; -} -.el-upload-list__item .el-progress { - position: absolute; - top: 20px; - width: 100%; -} -.el-upload-list__item .el-progress__text { - position: absolute; - right: 0; - top: -13px; - right: 0; -} -.el-upload-list__item:first-child { - margin-top: 10px; -} -.el-upload-list__item .el-icon-upload-success { - color: #13ce66; -} -.el-upload-list__item .el-icon-close { - display: none; - position: absolute; - top: 5px; - right: 5px; - cursor: pointer; - opacity: .75; - color: rgb(72, 87, 106); - transform: scale(.7); -} -.el-upload-list__item .el-icon-close:hover { - opacity: 1; -} -.el-upload-list__item:hover { - background-color: rgb(238, 241, 246); -} -.el-upload-list__item:hover .el-icon-close { - display: inline-block; -} -.el-upload-list__item:hover .el-progress__text { - display: none; -} -.el-upload-list__item.is-success .el-upload-list__item-status-label { - display: block; -} -.el-upload-list__item.is-success .el-upload-list__item-name:hover { - color: #20a0ff; - cursor: pointer; -} -.el-upload-list__item.is-success:hover .el-upload-list__item-status-label { - display: none; -} -.el-upload-list__item-name { - color: rgb(72, 87, 106); - display: block; - margin-right: 40px; - overflow: hidden; - padding-left: 4px; - text-overflow: ellipsis; - transition: color .3s; - white-space: nowrap; -} -.el-upload-list__item-name [class^="el-icon"] { - color: rgb(151, 168, 190); - margin-right: 7px; - height: 100%; - line-height: inherit; -} -.el-upload-list__item-status-label { - position: absolute; - right: 5px; - top: 0; - line-height: inherit; - display: none; -} -.el-upload-list__item-delete { - position: absolute; - right: 10px; - top: 0; - font-size: 12px; - color: rgb(72, 87, 106); - display: none; -} -.el-upload-list__item-delete:hover { - color: #20a0ff; -} -.el-upload-list--picture-card { - margin: 0; - display: inline; - vertical-align: top; -} -.el-upload-list--picture-card .el-upload-list__item { - overflow: hidden; - background-color: #fff; - border: 1px solid #c0ccda; - border-radius: 6px; - box-sizing: border-box; - width: 148px; - height: 148px; - margin: 0 8px 8px 0; - display: inline-block; -} -.el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { - color: #fff; -} -.el-upload-list--picture-card .el-upload-list__item .el-icon-close { - display: none; -} -.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { - display: none; -} -.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { - display: block; -} -.el-upload-list--picture-card .el-upload-list__item-name { - display: none; -} -.el-upload-list--picture-card .el-upload-list__item-thumbnail { - width: 100%; - height: 100%; -} -.el-upload-list--picture-card .el-upload-list__item-status-label { - position: absolute; - right: -15px; - top: -6px; - width: 40px; - height: 24px; - background: #13ce66; - text-align: center; - transform: rotate(45deg); - box-shadow: 0 0 1pc 1px rgba(0,0,0,0.2); -} -.el-upload-list--picture-card .el-upload-list__item-status-label i { - font-size: 12px; - margin-top: 11px; - transform: rotate(-45deg) scale(0.8); -} -.el-upload-list--picture-card .el-upload-list__item-actions { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - cursor: default; - text-align: center; - color: #fff; - opacity: 0; - font-size: 20px; - background-color: rgba(0, 0, 0, .5); - transition: opacity .3s; -} -.el-upload-list--picture-card .el-upload-list__item-actions:after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-upload-list--picture-card .el-upload-list__item-actions span { - display: none; - cursor: pointer; -} -.el-upload-list--picture-card .el-upload-list__item-actions span + span { - margin-left: 15px; -} -.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { - position: static; - font-size: inherit; - color: inherit; -} -.el-upload-list--picture-card .el-upload-list__item-actions:hover { - opacity: 1; -} -.el-upload-list--picture-card .el-upload-list__item-actions:hover span { - display: inline-block; -} -.el-upload-list--picture-card .el-progress { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - bottom: auto; - width: 126px; -} -.el-upload-list--picture-card .el-progress .el-progress__text { - top: 50%; -} -.el-upload-list--picture .el-upload-list__item { - overflow: hidden; - background-color: #fff; - border: 1px solid #c0ccda; - border-radius: 6px; - box-sizing: border-box; - margin-top: 10px; - padding: 10px 10px 10px 90px; - height: 92px; -} -.el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { - color: #fff; -} -.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { - background: transparent; - box-shadow: none; - top: -2px; - right: -12px; -} -.el-upload-list--picture .el-upload-list__item:hover .el-progress__text { - display: block; -} -.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { - line-height: 70px; - margin-top: 0; -} -.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { - display: none; -} -.el-upload-list--picture .el-upload-list__item-thumbnail { - vertical-align: middle; - display: inline-block; - width: 70px; - height: 70px; - float: left; - position: relative; - z-index: 1; - margin-left: -80px; -} -.el-upload-list--picture .el-upload-list__item-name { - display: block; - margin-top: 20px; -} -.el-upload-list--picture .el-upload-list__item-name i { - font-size: 70px; - line-height: 1; - position: absolute; - left: 9px; - top: 10px; -} -.el-upload-list--picture .el-upload-list__item-status-label { - position: absolute; - right: -17px; - top: -7px; - width: 46px; - height: 26px; - background: #13ce66; - text-align: center; - transform: rotate(45deg); - box-shadow: 0 1px 1px #ccc; -} -.el-upload-list--picture .el-upload-list__item-status-label i { - font-size: 12px; - margin-top: 12px; - transform: rotate(-45deg) scale(0.8); -} -.el-upload-list--picture .el-progress { - position: relative; - top: -7px; -} -.el-upload-cover { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: hidden; - z-index: 10; - cursor: default; -} -.el-upload-cover:after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-upload-cover img { - display: block; - width: 100%; - height: 100%; -} -.el-upload-cover + .el-upload__inner { - opacity: 0; - position: relative; - z-index: 1; -} -.el-upload-cover__label { - position: absolute; - right: -15px; - top: -6px; - width: 40px; - height: 24px; - background: #13ce66; - text-align: center; - transform: rotate(45deg); - box-shadow: 0 0 1pc 1px rgba(0,0,0,0.2); -} -.el-upload-cover__label i { - font-size: 12px; - margin-top: 11px; - transform: rotate(-45deg) scale(0.8); - color: #fff; -} -.el-upload-cover__progress { - display: inline-block; - vertical-align: middle; - position: static; - width: 243px; -} -.el-upload-cover__progress + .el-upload__inner { - opacity: 0; -} -.el-upload-cover__content { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.el-upload-cover__interact { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.72); - text-align: center; -} -.el-upload-cover__interact .btn { - display: inline-block; - color: #fff; - font-size: 14px; - cursor: pointer; - vertical-align: middle; - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - margin-top: 60px; -} -.el-upload-cover__interact .btn i { - margin-top: 0; -} -.el-upload-cover__interact .btn span { - opacity: 0; - transition: opacity .15s linear; -} -.el-upload-cover__interact .btn:not(:first-child) { - margin-left: 35px; -} -.el-upload-cover__interact .btn:hover { - transform: translateY(-13px); -} -.el-upload-cover__interact .btn:hover span { - opacity: 1; -} -.el-upload-cover__interact .btn i { - color: #fff; - display: block; - font-size: 24px; - line-height: inherit; - margin: 0 auto 5px; -} -.el-upload-cover__title { - position: absolute; - bottom: 0; - left: 0; - background-color: #fff; - height: 36px; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: 400; - text-align: left; - padding: 0 10px; - margin: 0; - line-height: 36px; - font-size: 14px; - color: rgb(72, 87, 106); -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-progress { - position: relative; - line-height: 1; -} -.el-progress.is-exception .el-progress-bar__inner { - background-color: #ff4949; -} -.el-progress.is-exception .el-progress__text { - color: #ff4949; -} -.el-progress.is-success .el-progress-bar__inner { - background-color: #13ce66; -} -.el-progress.is-success .el-progress__text { - color: #13ce66; -} -.el-progress__text { - font-size: 14px; - color: rgb(72, 87, 106); - display: inline-block; - vertical-align: middle; - margin-left: 10px; - line-height: 1; -} -.el-progress__text i { - vertical-align: middle; - display: block; -} -.el-progress--circle { - display: inline-block; -} -.el-progress--circle .el-progress__text { - position: absolute; - top: 50%; - left: 0; - width: 100%; - text-align: center; - margin: 0; - transform: translate(0, -50%); -} -.el-progress--circle .el-progress__text i { - vertical-align: middle; - display: inline-block; -} -.el-progress--without-text .el-progress__text { - display: none; -} -.el-progress--without-text .el-progress-bar { - padding-right: 0; - margin-right: 0; - display: block; -} -.el-progress--text-inside .el-progress-bar { - padding-right: 0; - margin-right: 0; -} -.el-progress-bar { - padding-right: 50px; - display: inline-block; - vertical-align: middle; - width: 100%; - margin-right: -55px; - box-sizing: border-box; -} -.el-progress-bar__outer { - height: 6px; - border-radius: 100px; - background-color: rgb(228, 232, 241); - overflow: hidden; - position: relative; - vertical-align: middle; -} -.el-progress-bar__inner { - position: absolute; - left: 0; - top: 0; - height: 100%; - border-radius: 2px 0 0 2px; - background-color: #20a0ff; - text-align: right; - border-radius: 100px; - line-height: 1; - white-space: nowrap; -} -.el-progress-bar__innerText { - display: inline-block; - vertical-align: middle; - color: #fff; - font-size: 12px; - margin: 0 5px; -} -@keyframes progress { - 0% { - background-position: 0 0; - } - 100% { - background-position: 32px 0; - } -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-spinner { - width: 100%; - white-space: nowrap; -} -.el-spinner { - display: inline-block; - vertical-align: middle; -} -.el-spinner-inner { - animation: rotate 2s linear infinite; - width: 50px; - height: 50px; -} -.el-spinner-inner .path { - stroke: #ececec; - stroke-linecap: round; - animation: dash 1.5s ease-in-out infinite; -} -@keyframes rotate { - 100% { - transform: rotate(360deg); - } -} -@keyframes dash { - 0% { - stroke-dasharray: 1, 150; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -35; - } - 100% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -124; - } -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-message { - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - min-width: 300px; - padding: 10px 12px; - box-sizing: border-box; - border-radius: 2px; - position: fixed; - left: 50%; - top: 20px; - transform: translateX(-50%); - background-color: #fff; - transition: opacity 0.3s, transform .4s; - overflow: hidden; -} -.el-message .el-icon-circle-check { - color: #13ce66; -} -.el-message .el-icon-circle-cross { - color: #ff4949; -} -.el-message .el-icon-information { - color: #50bfff; -} -.el-message .el-icon-warning { - color: #f7ba2a; -} -.el-message__group { - margin-left: 38px; - position: relative; - height: 20px; - line-height: 20px; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; -} -.el-message__group p { - font-size: 14px; - margin: 0 34px 0 0; - white-space: nowrap; - color: rgb(131, 145, 165); - text-align: justify; -} -.el-message__group.is-with-icon { - margin-left: 0; -} -.el-message__img { - width: 40px; - height: 40px; - position: absolute; - left: 0; - top: 0; -} -.el-message__icon { - vertical-align: middle; - margin-right: 8px; -} -.el-message__closeBtn { - top: 3px; - right: 0; - position: absolute; - cursor: pointer; - color: rgb(191, 203, 217); - font-size: 14px; -} -.el-message__closeBtn:hover { - color: rgb(151, 168, 190); -} -.el-message-fade-enter, .el-message-fade-leave-active { - opacity: 0; - transform: translate(-50%, -100%); -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-badge { - position: relative; - vertical-align: middle; - display: inline-block; -} -.el-badge__content { - background-color: #ff4949; - border-radius: 10px; - color: #fff; - display: inline-block; - font-size: 12px; - height: 18px; - line-height: 18px; - padding: 0 6px; - text-align: center; - white-space: nowrap; - border: 1px solid #fff; -} -.el-badge__content.is-dot { - width: 8px; - height: 8px; - padding: 0; - right: 0; - border-radius: 50%; -} -.el-badge__content.is-fixed { - top: 0; - right: 10px; - position: absolute; - transform: translateY(-50%) translateX(100%); -} -.el-badge__content.is-fixed.is-dot { - right: 5px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-card { - border: 1px solid rgb(209, 219, 229); - border-radius: 4px; - background-color: #fff; - overflow: hidden; - box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), - 0px 0px 6px 0px rgba(0, 0, 0, .04); -} -.el-card__header { - padding: 18px 20px; - border-bottom: 1px solid rgb(209, 219, 229); - box-sizing: border-box; -} -.el-card__body { - padding: 20px; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-rate { - height: 20px; - line-height: 1; -} -.el-rate__item { - display: inline-block; - position: relative; - font-size: 0; - vertical-align: middle; -} -.el-rate__icon { - position: relative; - display: inline-block; - font-size: 18px; - margin-right: 6px; - color: rgb(191, 203, 217); - transition: .3s; -} -.el-rate__icon .path2 { - position: absolute; - left: 0; - top: 0; -} -.el-rate__icon.hover { - transform: scale(1.15); -} -.el-rate__decimal { - position: absolute; - top: 0; - left: 0; - display: inline-block; - overflow: hidden; -} -.el-rate__text { - font-size: 14px; - vertical-align: middle; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-steps { - font-size: 0; -} -.el-steps > :last-child .el-step__line { - display: none; -} -.el-steps.is-horizontal { - white-space: nowrap; -} -.el-steps.is-horizontal.is-center { - text-align: center; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-step { - position: relative; - vertical-align: top; -} -.el-step:last-child .el-step__main { - padding-right: 0; -} -.el-step.is-vertical {} -.el-step.is-vertical .el-step__head, .el-step.is-vertical .el-step__main { - display: inline-block; -} -.el-step.is-vertical .el-step__main { - padding-left: 10px; -} -.el-step.is-horizontal { - display: inline-block; -} -.el-step__line { - display: inline-block; - position: absolute; - border-color: inherit; - background-color: rgb(191, 203, 217); -} -.el-step__line.is-vertical { - width: 2px; - box-sizing: border-box; - top: 32px; - bottom: 0; - left: 15px; -} -.el-step__line.is-horizontal { - top: 15px; - height: 2px; - left: 32px; - right: 0; -} -.el-step__line.is-icon {} -.el-step__line.is-icon.is-horizontal { - right: 4px; -} -.el-step__line-inner { - display: block; - border-width: 1px; - border-style: solid; - border-color: inherit; - transition: all 150ms; - box-sizing: border-box; - width: 0; - height: 0; -} -.el-step__icon { - display: block; - line-height: 28px; -} -.el-step__icon > * { - line-height: inherit; - vertical-align: middle; -} -.el-step__head { - width: 28px; - height: 28px; - border-radius: 50%; - background-color: transparent; - text-align: center; - line-height: 28px; - font-size: 28px; - vertical-align: top; - transition: all 150ms; -} -.el-step__head.is-finish { - color: #20a0ff; - border-color: #20a0ff; -} -.el-step__head.is-error { - color: #ff4949; - border-color: #ff4949; -} -.el-step__head.is-success { - color: #13ce66; - border-color: #13ce66; -} -.el-step__head.is-wait { - color: rgb(191, 203, 217); - border-color: rgb(191, 203, 217); -} -.el-step__head.is-process { - color: rgb(191, 203, 217); - border-color: rgb(191, 203, 217); -} -.el-step__head.is-text { - font-size: 14px; - border-width: 2px; - border-style: solid; -} -.el-step__head.is-text.is-finish { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} -.el-step__head.is-text.is-error { - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} -.el-step__head.is-text.is-success { - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} -.el-step__head.is-text.is-wait { - color: rgb(191, 203, 217); - background-color: #fff; - border-color: rgb(191, 203, 217); -} -.el-step__head.is-text.is-process { - color: #fff; - background-color: rgb(191, 203, 217); - border-color: rgb(191, 203, 217); -} -.el-step__main { - white-space: normal; - padding-right: 10px; - text-align: left; -} -.el-step__title { - font-size: 14px; - line-height: 32px; - display: inline-block; -} -.el-step__title.is-finish { - font-weight: 700; - color: #20a0ff; -} -.el-step__title.is-error { - font-weight: 700; - color: #ff4949; -} -.el-step__title.is-success { - font-weight: 700; - color: #13ce66; -} -.el-step__title.is-wait { - font-weight: 400; - color: rgb(151, 168, 190); -} -.el-step__title.is-process { - font-weight: 700; - color: rgb(72, 87, 106); -} -.el-step__description { - font-size: 12px; - font-weight: 400; - line-height: 14px; -} -.el-step__description.is-finish { - color: #20a0ff; -} -.el-step__description.is-error { - color: #ff4949; -} -.el-step__description.is-success { - color: #13ce66; -} -.el-step__description.is-wait { - color: rgb(191, 203, 217); -} -.el-step__description.is-process { - color: rgb(131, 145, 165); -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-carousel { - overflow-x: hidden; - position: relative; -} -.el-carousel__container { - position: relative; - height: 300px; -} -.el-carousel__arrow { - border: none; - outline: none; - padding: 0; - margin: 0; - width: 36px; - height: 36px; - cursor: pointer; - transition: .3s; - border-radius: 50%; - background-color: rgba(31, 45, 61, 0.11); - color: #fff; - position: absolute; - top: 50%; - z-index: 10; - transform: translateY(-50%); - text-align: center; - font-size: 12px; -} -.el-carousel__arrow:hover { - background-color: rgba(31, 45, 61, 0.23); -} -.el-carousel__arrow i { - cursor: pointer; -} -.el-carousel__arrow--left { - left: 16px; -} -.el-carousel__arrow--right { - right: 16px; -} -.el-carousel__indicators { - position: absolute; - list-style: none; - bottom: 0; - left: 50%; - transform: translateX(-50%); - margin: 0; - padding: 0; - z-index: 2; -} -.el-carousel__indicators--outside { - bottom: 26px; - text-align: center; - position: static; - transform: none; -} -.el-carousel__indicators--outside .el-carousel__indicator:hover button { - opacity: 0.64; -} -.el-carousel__indicators--outside button { - background-color: rgb(131, 145, 165); - opacity: 0.24; -} -.el-carousel__indicators--labels { - left: 0; - right: 0; - transform: none; - text-align: center; -} -.el-carousel__indicators--labels .el-carousel__button { - width: auto; - height: auto; - padding: 2px 18px; - font-size: 12px; -} -.el-carousel__indicators--labels .el-carousel__indicator { - padding: 6px 4px; -} -.el-carousel__indicator { - display: inline-block; - background-color: transparent; - padding: 12px 4px; - cursor: pointer; -} -.el-carousel__indicator:hover button { - opacity: 0.72; -} -.el-carousel__indicator.is-active button { - opacity: 1; -} -.el-carousel__button { - display: block; - opacity: 0.48; - width: 30px; - height: 2px; - background-color: #fff; - border: none; - outline: none; - padding: 0; - margin: 0; - cursor: pointer; - transition: .3s; -} -.carousel-arrow-left-enter, .carousel-arrow-left-leave-active { - transform: translateY(-50%) translateX(-10px); - opacity: 0; -} -.carousel-arrow-right-enter, .carousel-arrow-right-leave-active { - transform: translateY(-50%) translateX(10px); - opacity: 0; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-carousel {} -.el-carousel__item { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: inline-block; - overflow: hidden; - z-index: 0; -} -.el-carousel__item.is-animating { - transition: transform .4s ease-in-out; -} -.el-carousel__item.is-active { - z-index: 2; -} -.el-carousel__item--card { - width: 50%; - transition: transform .4s ease-in-out; -} -.el-carousel__item--card.is-in-stage { - cursor: pointer; - z-index: 1; -} -.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask { - opacity: 0.12; -} -.el-carousel__item--card.is-active { - z-index: 2; -} -.el-carousel__mask { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: #fff; - opacity: 0.24; - transition: .2s; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-collapse { - border: 1px solid rgb(223, 230, 236); - border-radius: 0; -} -.el-collapse-item {} -.el-collapse-item:last-child { - margin-bottom: -1px; -} -.el-collapse-item.is-active > .el-collapse-item__header .el-collapse-item__header__arrow { - transform: rotate(90deg); -} -.el-collapse-item__header { - height: 43px; - line-height: 43px; - padding-left: 15px; - background-color: #fff; - color: rgb(72, 87, 106); - cursor: pointer; - border-bottom: 1px solid rgb(223, 230, 236); - font-size: 13px; -} -.el-collapse-item__header__arrow { - margin-right: 8px; - transition: transform .3s; -} -.el-collapse-item__wrap { - will-change: height; - background-color: rgb(251, 253, 255); - overflow: hidden; - box-sizing: border-box; - border-bottom: 1px solid rgb(223, 230, 236); -} -.el-collapse-item__content { - padding: 10px 15px; - font-size: 13px; - color: rgb(31, 45, 61); - line-height: 1.769230769230769; -} -@charset "UTF-8"; -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-cascader { - display: inline-block; - position: relative; -} -.el-cascader .el-input, .el-cascader .el-input__inner { - cursor: pointer; -} -.el-cascader .el-input__icon { - transition: none; -} -.el-cascader .el-icon-caret-bottom { - transition: transform .3s; -} -.el-cascader .el-icon-caret-bottom.is-reverse { - transform: rotateZ(180deg); -} -.el-cascader .el-icon-circle-close { - z-index: 2; -} -.el-cascader.is-disabled .el-cascader__label { - z-index: 2; - color: #bbb; -} -.el-cascader__label { - position: absolute; - left: 0; - top: 0; - height: 100%; - line-height: 36px; - padding: 0 25px 0 10px; - color: rgb(31, 45, 61); - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - box-sizing: border-box; - cursor: pointer; - font-size: 14px; - text-align: left; -} -.el-cascader__label span { - color: rgb(151, 168, 190); -} -.el-cascader--large { - font-size: 16px; -} -.el-cascader--large .el-cascader__label { - line-height: 40px; -} -.el-cascader--small { - font-size: 13px; -} -.el-cascader--small .el-cascader__label { - line-height: 28px; -} -.el-cascader-menus { - white-space: nowrap; - background: #fff; - position: absolute; - margin: 5px 0; - z-index: 2; - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); -} -.el-cascader-menu { - display: inline-block; - vertical-align: top; - height: 204px; - overflow: auto; - border-right: solid 1px rgb(209, 219, 229); - background-color: #fff; - box-sizing: border-box; - margin: 0; - padding: 6px 0; - min-width: 160px; -} -.el-cascader-menu:last-child { - border-right: 0; -} -.el-cascader-menu__item { - font-size: 14px; - padding: 8px 30px 8px 10px; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: rgb(72, 87, 106); - height: 36px; - line-height: 1.5; - box-sizing: border-box; - cursor: pointer; -} -.el-cascader-menu__item:hover { - background-color: rgb(228, 232, 241); -} -.el-cascader-menu__item.selected { - color: #fff; - background-color: #20a0ff; -} -.el-cascader-menu__item.selected.hover { - background-color: rgb(28, 141, 224); -} -.el-cascader-menu__item.is-active { - color: #fff; - background-color: #20a0ff; -} -.el-cascader-menu__item.is-active:hover { - background-color: rgb(28, 141, 224); -} -.el-cascader-menu__item.is-disabled { - color: rgb(191, 203, 217); - background-color: #fff; - cursor: not-allowed; -} -.el-cascader-menu__item.is-disabled:hover { - background-color: #fff; -} -.el-cascader-menu__item__keyword { - font-weight: 700; -} -.el-cascader-menu__item--extensible {} -.el-cascader-menu__item--extensible:after { - font-family: 'element-icons'; - content: "\e606"; - font-size: 12px; - transform: scale(0.8); - color: rgb(191, 203, 217); - position: absolute; - right: 10px; - margin-top: 1px; -} -.el-cascader-menu--flexible { - height: auto; - max-height: 180px; - overflow: auto; -} -.el-cascader-menu--flexible .el-cascader-menu__item { - overflow: visible; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-color-hue-slider { - position: relative; - box-sizing: border-box; - width: 280px; - height: 12px; - background-color: #f00; - padding: 0 2px; -} -.el-color-hue-slider.is-vertical { - width: 12px; - height: 180px; - padding: 2px 0; -} -.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { - background: linear-gradient( - to bottom, #f00 0%, - #ff0 17%, #0f0 33%, - #0ff 50%, #00f 67%, - #f0f 83%, #f00 100%); -} -.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { - left: 0; - top: 0; - width: 100%; - height: 4px; -} -.el-color-hue-slider__bar { - position: relative; - background: linear-gradient( - to right, #f00 0%, - #ff0 17%, #0f0 33%, - #0ff 50%, #00f 67%, - #f0f 83%, #f00 100%); - height: 100%; -} -.el-color-hue-slider__thumb { - position: absolute; - cursor: pointer; - box-sizing: border-box; - left: 0; - top: 0; - width: 4px; - height: 100%; - border-radius: 1px; - background: #fff; - border: 1px solid #f0f0f0; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); - z-index: 1; -} -.el-color-svpanel { - position: relative; - width: 280px; - height: 180px; -} -.el-color-svpanel__white, .el-color-svpanel__black { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.el-color-svpanel__white { - background: linear-gradient(to right, #fff, rgba(255,255,255,0)); -} -.el-color-svpanel__black { - background: linear-gradient(to top, #000, rgba(0,0,0,0)); -} -.el-color-svpanel__cursor { - position: absolute; -} -.el-color-svpanel__cursor > div { - cursor: head; - width: 4px; - height: 4px; - box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,0.3), 0 0 1px 2px rgba(0,0,0,0.4); - border-radius: 50%; - transform: translate(-2px, -2px); -} -.el-color-alpha-slider { - position: relative; - box-sizing: border-box; - width: 280px; - height: 12px; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); -} -.el-color-alpha-slider.is-vertical { - width: 20px; - height: 180px; -} -.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { - background: linear-gradient( - to bottom, rgba(255, 255, 255, 0) 0%, - rgba(255, 255, 255, 1) 100%); -} -.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { - left: 0; - top: 0; - width: 100%; - height: 4px; -} -.el-color-alpha-slider__bar { - position: relative; - background: linear-gradient( - to right, rgba(255, 255, 255, 0) 0%, - rgba(255, 255, 255, 1) 100%); - height: 100%; -} -.el-color-alpha-slider__thumb { - position: absolute; - cursor: pointer; - box-sizing: border-box; - left: 0; - top: 0; - width: 4px; - height: 100%; - border-radius: 1px; - background: #fff; - border: 1px solid #f0f0f0; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); - z-index: 1; -} -.el-color-dropdown { - width: 300px; -} -.el-color-dropdown__main-wrapper { - margin-bottom: 6px; -} -.el-color-dropdown__main-wrapper::after { - content: ""; - display: table; - clear: both; -} -.el-color-dropdown__btns { - margin-top: 6px; - text-align: right; -} -.el-color-dropdown__value { - float: left; - line-height: 26px; - font-size: 12px; - color: rgb(31, 45, 61); -} -.el-color-dropdown__btn { - border: 1px solid #dcdcdc; - color: #333; - line-height: 24px; - border-radius: 2px; - padding: 0 20px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; -} -.el-color-dropdown__btn[disabled] { - color: #cccccc; - cursor: not-allowed; -} -.el-color-dropdown__btn:hover { - color: #20a0ff; - border-color: #20a0ff; -} -.el-color-dropdown__link-btn { - cursor: pointer; - color: #20a0ff; - text-decoration: none; - padding: 15px; - font-size: 12px; -} -.el-color-dropdown__link-btn:hover { - color: rgb(77, 179, 255); -} -.el-color-picker { - display: inline-block; - position: relative; - line-height: normal; -} -.el-color-picker__trigger { - display: inline-block; - box-sizing: border-box; - height: 36px; - padding: 6px; - border: 1px solid #bfcbd9; - border-radius: 4px; - font-size: 0; -} -.el-color-picker__color { - position: relative; - display: inline-block; - box-sizing: border-box; - border: 1px solid #666; - width: 22px; - height: 22px; - text-align: center; -} -.el-color-picker__color.is-alpha { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); -} -.el-color-picker__color-inner { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; -} -.el-color-picker__empty { - font-size: 12px; - vertical-align: middle; - color: #666; - position: absolute; - top: 4px; - left: 4px; -} -.el-color-picker__icon { - display: inline-block; - position: relative; - top: -6px; - margin-left: 8px; - width: 12px; - color: #888; - font-size: 12px; -} -.el-color-picker__panel { - position: absolute; - z-index: 10; - padding: 6px; - background-color: #fff; - border: 1px solid rgb(209, 219, 229); - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-button { - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-color: #c4c4c4; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; -} -.el-button + .el-button { - margin-left: 10px; -} -.el-button:hover, .el-button:focus { - color: #20a0ff; - border-color: #20a0ff; -} -.el-button:active { - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - outline: none; -} -.el-button::-moz-focus-inner { - border: 0; -} -.el-button [class*="el-icon-"] {} -.el-button [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-button.is-loading { - position: relative; - pointer-events: none; -} -.el-button.is-loading:before { - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255,255,255,.35); -} -.el-button.is-disabled {} -.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); -} -.el-button.is-disabled.el-button--text { - background-color: transparent; -} -.el-button.is-disabled.is-plain {} -.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { - background-color: #fff; - border-color: rgb(209, 219, 229); - color: rgb(191, 203, 217); -} -.el-button.is-active { - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); -} -.el-button.is-plain {} -.el-button.is-plain:hover, .el-button.is-plain:focus { - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button.is-plain:active { - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--primary { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} -.el-button--primary:hover, .el-button--primary:focus { - background: rgb(77, 179, 255); - border-color: rgb(77, 179, 255); - color: #fff; -} -.el-button--primary:active { - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; - outline: none; -} -.el-button--primary.is-active { - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; -} -.el-button--primary.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button--primary.is-plain:active { - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--success { - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} -.el-button--success:hover, .el-button--success:focus { - background: rgb(66, 216, 133); - border-color: rgb(66, 216, 133); - color: #fff; -} -.el-button--success:active { - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; - outline: none; -} -.el-button--success.is-active { - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; -} -.el-button--success.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { - background: #fff; - border-color: #13ce66; - color: #13ce66; -} -.el-button--success.is-plain:active { - background: #fff; - border-color: rgb(17, 185, 92); - color: rgb(17, 185, 92); - outline: none; -} -.el-button--warning { - color: #fff; - background-color: #f7ba2a; - border-color: #f7ba2a; -} -.el-button--warning:hover, .el-button--warning:focus { - background: rgb(249, 200, 85); - border-color: rgb(249, 200, 85); - color: #fff; -} -.el-button--warning:active { - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; - outline: none; -} -.el-button--warning.is-active { - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; -} -.el-button--warning.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { - background: #fff; - border-color: #f7ba2a; - color: #f7ba2a; -} -.el-button--warning.is-plain:active { - background: #fff; - border-color: rgb(222, 167, 38); - color: rgb(222, 167, 38); - outline: none; -} -.el-button--danger { - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} -.el-button--danger:hover, .el-button--danger:focus { - background: rgb(255, 109, 109); - border-color: rgb(255, 109, 109); - color: #fff; -} -.el-button--danger:active { - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; - outline: none; -} -.el-button--danger.is-active { - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; -} -.el-button--danger.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { - background: #fff; - border-color: #ff4949; - color: #ff4949; -} -.el-button--danger.is-plain:active { - background: #fff; - border-color: rgb(230, 66, 66); - color: rgb(230, 66, 66); - outline: none; -} -.el-button--info { - color: #fff; - background-color: #50bfff; - border-color: #50bfff; -} -.el-button--info:hover, .el-button--info:focus { - background: rgb(115, 204, 255); - border-color: rgb(115, 204, 255); - color: #fff; -} -.el-button--info:active { - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; - outline: none; -} -.el-button--info.is-active { - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; -} -.el-button--info.is-plain { - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { - background: #fff; - border-color: #50bfff; - color: #50bfff; -} -.el-button--info.is-plain:active { - background: #fff; - border-color: rgb(72, 172, 230); - color: rgb(72, 172, 230); - outline: none; -} -.el-button--large { - padding: 11px 19px; - font-size: 16px; - border-radius: 4px; -} -.el-button--small { - padding: 7px 9px; - font-size: 12px; - border-radius: 4px; -} -.el-button--mini { - padding: 4px 4px; - font-size: 12px; - border-radius: 4px; -} -.el-button--text { - border: none; - color: #20a0ff; - background: transparent; - padding-left: 0; - padding-right: 0; -} -.el-button--text:hover, .el-button--text:focus { - color: rgb(77, 179, 255); -} -.el-button--text:active { - color: rgb(29, 144, 230); -} -.el-button-group { - display: inline-block; - vertical-align: middle; -} -.el-button-group .el-button--primary {} -.el-button-group .el-button--primary:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success {} -.el-button-group .el-button--success:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning {} -.el-button-group .el-button--warning:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger {} -.el-button-group .el-button--danger:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info {} -.el-button-group .el-button--info:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button { - float: left; - position: relative; -} -.el-button-group .el-button + .el-button { - margin-left: 0; -} -.el-button-group .el-button:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-button-group .el-button:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-button-group .el-button:not(:first-child):not(:last-child) { - border-radius: 0; -} -.el-button-group .el-button:not(:last-child) { - margin-right: -1px; -} -.el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active { - z-index: 1; -} -.el-button-group .el-button.is-active { - z-index: 1; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-checkbox { - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-checkbox + .el-checkbox { - margin-left: 15px; -} -.el-checkbox__input { - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { - content: ''; - position: absolute; - display: block; - border: 1px solid #fff; - margin-top: -1px; - left: 3px; - right: 3px; - top: 50%; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { - display: none; -} -.el-checkbox__input.is-focus .el-checkbox__inner { - border-color: #20a0ff; -} -.el-checkbox__input.is-checked .el-checkbox__inner { - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-checked .el-checkbox__inner::after { - transform: rotate(45deg) scaleY(1); -} -.el-checkbox__input.is-disabled .el-checkbox__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-checkbox__input.is-disabled .el-checkbox__inner::after { - cursor: not-allowed; - border-color: rgb(238, 241, 246); -} -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { - cursor: not-allowed; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { - border-color: #fff; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { - border-color: #fff; -} -.el-checkbox__input.is-disabled + .el-checkbox__label { - color: #bbb; - cursor: not-allowed; -} -.el-checkbox__inner { - display: inline-block; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - box-sizing: border-box; - width: 18px; - height: 18px; - background-color: #fff; - z-index: 1; - transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), - background-color .25s cubic-bezier(.71,-.46,.29,1.46); -} -.el-checkbox__inner:hover { - border-color: #20a0ff; -} -.el-checkbox__inner::after { - box-sizing: content-box; - content: ""; - border: 2px solid #fff; - border-left: 0; - border-top: 0; - height: 8px; - left: 5px; - position: absolute; - top: 1px; - transform: rotate(45deg) scaleY(0); - width: 4px; - transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; - transform-origin: center; -} -.el-checkbox__original { - opacity: 0; - outline: none; - position: absolute; - margin: 0; - width: 0; - height: 0; - left: -999px; -} -.el-checkbox__label { - font-size: 14px; - padding-left: 5px; -} -.el-checkbox-button { - position: relative; - display: inline-block; -} -.el-checkbox-button.is-checked {} -.el-checkbox-button.is-checked .el-checkbox-button__inner { - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff; -} -.el-checkbox-button.is-disabled {} -.el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none; -} -.el-checkbox-button.is-focus {} -.el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: #20a0ff; -} -.el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important; -} -.el-checkbox-button:last-child .el-checkbox-button__inner { - border-radius: 0 4px 4px 0; -} -.el-checkbox-button__inner { - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button__inner:hover { - color: #20a0ff; -} -.el-checkbox-button__inner [class*="el-icon-"] { - line-height: 0.9; -} -.el-checkbox-button__inner [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-checkbox-button__original { - opacity: 0; - outline: none; - position: absolute; - margin: 0; - visibility: hidden; - left: -999px; -} -.el-checkbox-button--large {} -.el-checkbox-button--large .el-checkbox-button__inner { - padding: 11px 19px; - font-size: 16px; - border-radius: 0; -} -.el-checkbox-button--small {} -.el-checkbox-button--small .el-checkbox-button__inner { - padding: 7px 9px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--mini {} -.el-checkbox-button--mini .el-checkbox-button__inner { - padding: 4px 4px; - font-size: 12px; - border-radius: 0; -} -.el-transfer { - font-size: 14px; -} -.el-transfer__buttons { - display: inline-block; - vertical-align: middle; - padding: 0 10px; -} -.el-transfer__buttons .el-button { - display: block; - margin: 0 auto; - padding: 8px 12px; -} -.el-transfer__buttons .el-button:first-child { - margin-bottom: 6px; -} -.el-transfer__buttons .el-button [class*="el-icon-"] + span { - margin-left: 0; -} -.el-transfer-panel { - border: 1px solid rgb(209, 219, 229); - background: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - display: inline-block; - vertical-align: middle; - width: 200px; - box-sizing: border-box; - position: relative; -} -.el-transfer-panel .el-transfer-panel__header { - height: 36px; - line-height: 36px; - background: rgb(251, 253, 255); - margin: 0; - padding-left: 20px; - border-bottom: 1px solid rgb(209, 219, 229); - box-sizing: border-box; - color: rgb(31, 45, 61); -} -.el-transfer-panel .el-transfer-panel__footer { - height: 36px; - background: #fff; - margin: 0; - padding: 0; - border-top: 1px solid rgb(209, 219, 229); - position: absolute; - bottom: 0; - left: 0; - width: 100%; - z-index: 1; -} -.el-transfer-panel .el-transfer-panel__footer:after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-transfer-panel .el-transfer-panel__footer .el-checkbox { - padding-left: 20px; - color: rgb(131, 145, 165); -} -.el-transfer-panel .el-transfer-panel__empty { - margin: 0; - height: 32px; - line-height: 32px; - padding: 6px 20px 0; - color: rgb(131, 145, 165); -} -.el-transfer-panel .el-checkbox__label { - padding-left: 14px; -} -.el-transfer-panel .el-checkbox__inner { - width: 14px; - height: 14px; - border-radius: 3px; -} -.el-transfer-panel .el-checkbox__inner::after { - height: 6px; - width: 3px; - left: 4px; -} -.el-transfer-panel__body { - padding-bottom: 36px; - height: 246px; -} -.el-transfer-panel__list { - margin: 0; - padding: 6px 0; - list-style: none; - height: 246px; - overflow: auto; - box-sizing: border-box; -} -.el-transfer-panel__list.is-filterable { - height: 214px; -} -.el-transfer-panel__item { - height: 32px; - line-height: 32px; - padding-left: 20px; - display: block; -} -.el-transfer-panel__item .el-checkbox__label { - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - box-sizing: border-box; - padding-left: 28px; -} -.el-transfer-panel__item .el-checkbox__input { - position: absolute; - top: 9px; -} -.el-transfer-panel__item + .el-transfer-panel__item { - margin-left: 0; -} -.el-transfer-panel__item.el-checkbox { - color: rgb(72, 87, 106); -} -.el-transfer-panel__item:hover { - background: rgb(228, 232, 241); -} -.el-transfer-panel__filter { - margin-top: 10px; - text-align: center; - padding: 0 10px; - width: 100%; - box-sizing: border-box; -} -.el-transfer-panel__filter .el-input__inner { - height: 22px; - width: 100%; - display: inline-block; - box-sizing: border-box; -} -.el-transfer-panel__filter .el-input__icon { - right: 10px; -} -.el-transfer-panel__filter .el-icon-circle-close { - cursor: pointer; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/input-number.css b/src/css/theme/input-number.css deleted file mode 100644 index ddf1964..0000000 --- a/src/css/theme/input-number.css +++ /dev/null @@ -1,587 +0,0 @@ -@charset "UTF-8"; -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100% -} -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217) -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217) -} -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217) -} -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff -} -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100% -} -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190) -} -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190) -} -.el-input__inner::placeholder{ - color: rgb(151, 168, 190) -} -.el-input__inner:hover{ - border-color: rgb(131, 145, 165) -} -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff -} -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s -} -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle -} -.el-input__icon + .el-input__inner{ - padding-right: 35px -} -.el-input__icon.is-clickable{} -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165) -} -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165) -} -.el-input--large{ - font-size: 16px -} -.el-input--large .el-input__inner{ - height: 42px -} -.el-input--small{ - font-size: 13px -} -.el-input--small .el-input__inner{ - height: 30px -} -.el-input--mini{ - font-size: 12px -} -.el-input--mini .el-input__inner{ - height: 22px -} -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate -} -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell -} -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0 -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit -} -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0 -} -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0 -} -.el-input-group--prepend .el-input__inner{ - border-top-left-radius: 0; - border-bottom-left-radius: 0 -} -.el-input-group--append .el-input__inner{ - border-top-right-radius: 0; - border-bottom-right-radius: 0 -} -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom -} -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217) -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217) -} -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217) -} -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1) -} -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190) -} -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190) -} -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190) -} -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165) -} -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-input-number{ - display: inline-block; - width: 180px; - position: relative; - line-height: normal -} - -.el-input-number .el-input{ - display: block -} - -.el-input-number .el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding-right: 82px -} - -.el-input-number.is-without-controls{} - -.el-input-number.is-without-controls .el-input__inner{ - padding-right: 10px -} - -.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease{ - border-color: rgb(209, 219, 229); - color: rgb(209, 219, 229) -} - -.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover{ - color: rgb(209, 219, 229); - cursor: not-allowed -} - -.el-input-number__increase, .el-input-number__decrease{ - height: auto; - border-left: 1px solid rgb(191, 203, 217); - width: 36px; - line-height: 34px; - top: 1px; - text-align: center; - color: rgb(151, 168, 190); - cursor: pointer; - position: absolute; - z-index: 1 -} - -.el-input-number__increase:hover, .el-input-number__decrease:hover{ - color: #20a0ff -} - -.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled){ - border-color: #20a0ff -} - -.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled{ - color: rgb(209, 219, 229); - cursor: not-allowed -} - -.el-input-number__increase{ - right: 0 -} - -.el-input-number__decrease{ - right: 37px -} - -.el-input-number--large{ - width: 200px; -} - -.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease { - line-height: 40px; - width: 42px; - font-size: 16px; -} - -.el-input-number--large .el-input-number__decrease{ - right: 43px -} - -.el-input-number--large .el-input__inner{ - padding-right: 94px -} - -.el-input-number--small{ - width: 130px; -} - -.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { - line-height: 28px; - width: 30px; - font-size: 13px; -} - -.el-input-number--small .el-input-number__decrease{ - right: 31px -} - -.el-input-number--small .el-input__inner{ - padding-right: 70px -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/input.css b/src/css/theme/input.css deleted file mode 100644 index bef31df..0000000 --- a/src/css/theme/input.css +++ /dev/null @@ -1,437 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100% -} - -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed -} - -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217) -} - -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217) -} - -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217) -} - -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff; -} - -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100% -} - -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190) -} - -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190) -} - -.el-input__inner::placeholder{ - color: rgb(151, 168, 190) -} - -.el-input__inner:hover{ - border-color: rgb(131, 145, 165) -} - -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff -} - -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s -} - -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle -} - -.el-input__icon + .el-input__inner{ - padding-right: 35px -} - -.el-input__icon.is-clickable{} - -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165) -} - -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165) -} - -.el-input--large{ - font-size: 16px -} - -.el-input--large .el-input__inner{ - height: 42px -} - -.el-input--small{ - font-size: 13px -} - -.el-input--small .el-input__inner{ - height: 30px -} - -.el-input--mini{ - font-size: 12px -} - -.el-input--mini .el-input__inner{ - height: 22px -} - -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate -} - -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell -} - -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap -} - -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px -} - -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0 -} - -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit -} - -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0 -} - -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0 -} - -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom -} - -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed -} - -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217) -} - -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217) -} - -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217) -} - -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1) -} - -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190) -} - -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190) -} - -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190) -} - -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165) -} - -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/loading.css b/src/css/theme/loading.css deleted file mode 100644 index 4568ef8..0000000 --- a/src/css/theme/loading.css +++ /dev/null @@ -1,260 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-loading-mask{ - position: absolute; - z-index: 10000; - background-color: rgba(255, 255, 255, .9); - margin: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - transition: opacity 0.3s; -} - -.el-loading-mask.is-fullscreen{ - position: fixed; -} - -.el-loading-mask.is-fullscreen .el-loading-spinner{ - margin-top: -25px; -} - -.el-loading-mask.is-fullscreen .el-loading-spinner .circular{ - width: 50px; - height: 50px; -} - -.el-loading-spinner{ - top: 50%; - margin-top: -21px; - width: 100%; - text-align: center; - position: absolute; -} - -.el-loading-spinner .el-loading-text{ - color: #20a0ff; - margin: 3px 0; - font-size: 14px; -} - -.el-loading-spinner .circular{ - width: 42px; - height: 42px; - animation: loading-rotate 2s linear infinite; -} - -.el-loading-spinner .path{ - animation: loading-dash 1.5s ease-in-out infinite; - stroke-dasharray: 90, 150; - stroke-dashoffset: 0; - stroke-width: 2; - stroke: #20a0ff; - stroke-linecap: round; -} - -.el-loading-fade-enter, .el-loading-fade-leave-active { - opacity: 0; -} - -@keyframes loading-rotate { - 100% { - transform: rotate(360deg); - } -} - -@keyframes loading-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -40px; - } - 100% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -120px; - } -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/menu-item-group.css b/src/css/theme/menu-item-group.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/menu-item-group.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/menu-item.css b/src/css/theme/menu-item.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/menu-item.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/menu.css b/src/css/theme/menu.css deleted file mode 100644 index be69bd0..0000000 --- a/src/css/theme/menu.css +++ /dev/null @@ -1,452 +0,0 @@ -.el-menu:before, .el-menu:after{ - display: table; - content: ""; -} -.el-menu:after{ - clear: both; -}@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-menu-item, .el-submenu__title{ - height: 56px; - line-height: 56px; - font-size: 14px; - color: rgb(72, 87, 106); - padding: 0 20px; - cursor: pointer; - position: relative; - transition: border-color .3s, background-color .3s, color .3s; - box-sizing: border-box; - white-space: nowrap; -} - -.el-menu{ - border-radius: 2px; - list-style: none; - position: relative; - margin: 0; - padding-left: 0; - background-color: rgb(238, 241, 246); -} - -.el-menu li{ - list-style: none; -} - -.el-menu--dark{ - background-color: rgb(50, 65, 87); -} - -.el-menu--dark .el-menu-item, .el-menu--dark .el-submenu__title{ - color: rgb(191, 203, 217); -} - -.el-menu--dark .el-menu-item:hover, .el-menu--dark .el-submenu__title:hover{ - background-color: rgb(72, 87, 106); -} - -.el-menu--dark .el-submenu .el-menu{ - background-color: rgb(31, 45, 61); -} - -.el-menu--dark .el-submenu .el-menu .el-menu-item:hover{ - background-color: rgb(72, 87, 106); -} - -.el-menu--horizontal{} - -.el-menu--horizontal .el-menu-item{ - float: left; - height: 60px; - line-height: 60px; - margin: 0; - cursor: pointer; - position: relative; - box-sizing: border-box; - border-bottom: 5px solid transparent; -} - -.el-menu--horizontal .el-menu-item a, .el-menu--horizontal .el-menu-item a:hover{ - color: inherit; -} - -.el-menu--horizontal .el-menu-item:hover{ - background-color: rgb(209, 219, 229); -} - -.el-menu--horizontal .el-submenu{ - float: left; - position: relative; -} - -.el-menu--horizontal .el-submenu > .el-menu{ - position: absolute; - top: 65px; - left: 0; - border: 1px solid rgb(209, 219, 229); - padding: 5px 0; - background-color: #fff; - z-index: 100; - min-width: 100%; - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); -} - -.el-menu--horizontal .el-submenu .el-submenu__title{ - height: 60px; - line-height: 60px; - border-bottom: 5px solid transparent; -} - -.el-menu--horizontal .el-submenu .el-menu-item{ - background-color: #fff; - float: none; - height: 36px; - line-height: 36px; - padding: 0 10px; -} - -.el-menu--horizontal .el-submenu .el-submenu__icon-arrow{ - position: static; - vertical-align: middle; - margin-left: 5px; - color: rgb(151, 168, 190); - margin-top: -3px; -} - -.el-menu--horizontal .el-menu-item:hover, .el-menu--horizontal .el-submenu__title:hover{ - background-color: rgb(238, 241, 246); -} - -.el-menu--horizontal > .el-menu-item:hover, .el-menu--horizontal > .el-submenu:hover .el-submenu__title, .el-menu--horizontal > .el-submenu.is-active .el-submenu__title{ - border-bottom: 5px solid #20a0ff; -} - -.el-menu--horizontal.el-menu--dark{} - -.el-menu--horizontal.el-menu--dark .el-menu-item:hover, .el-menu--horizontal.el-menu--dark .el-submenu__title:hover{ - background-color: rgb(50, 65, 87); -} - -.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item, .el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title{ - color: rgb(72, 87, 106); -} - -.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover, .el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover{ - background-color: rgb(209, 219, 229); -} - -.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active{ - color: #20a0ff; -} - -.el-menu--collapse{ - width: 64px; -} - -.el-menu--collapse > .el-menu-item [class^="el-icon-"], .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { - margin: 0; - vertical-align: middle; - width: 24px; - text-align: center; -} - -.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { - display: none; -} - -.el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-submenu > .el-submenu__title span { - height: 0; - width: 0; - overflow: hidden; - visibility: hidden; - display: inline-block; -} - -.el-menu--collapse .el-submenu { - position: relative -} - -.el-menu--collapse .el-submenu .el-menu{ - position: absolute; - margin-left: 5px; - top: 0; - left: 100%; - z-index: 10; -} - -.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow{ - transform: none; -} - -.el-menu-item [class^="el-icon-"]{ - margin-right: 5px; - width: 24px; - text-align: center; -} - -.el-menu-item *{ - vertical-align: middle; -} - -.el-menu-item:first-child{ - margin-left: 0; -} - -.el-menu-item:last-child{ - margin-right: 0; -} - -.el-menu-item:hover{ - background-color: rgb(209, 219, 229); -} - -.el-menu-item.is-active{ - color: #20a0ff; -} - -.el-submenu [class^="el-icon-"]{ - vertical-align: middle; - margin-right: 5px; - width: 24px; - text-align: center; -} - -.el-submenu .el-menu{ - background-color: rgb(228, 232, 241); -} - -.el-submenu .el-menu-item{ - height: 50px; - line-height: 50px; - padding: 0 45px; - min-width: 200px; -} - -.el-submenu .el-menu-item:hover{ - background-color: rgb(209, 219, 229); -} - -.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow{ - transform: rotateZ(180deg); -} - -.el-submenu.is-active .el-submenu__title{ - border-bottom-color: #20a0ff; -} - -.el-submenu__title{ - position: relative; -} - -.el-submenu__title:hover{ - background-color: rgb(209, 219, 229); -} - -.el-submenu__title *{ - vertical-align: middle; -} - -.el-submenu__icon-arrow{ - position: absolute; - top: 50%; - right: 20px; - margin-top: -7px; - transition: transform .3s; - font-size: 12px; -} - -.el-menu-item-group > ul{ - padding: 0; -} - -.el-menu-item-group__title{ - padding-top: 15px; - line-height: normal; - font-size: 14px; - padding-left: 20px; - color: rgb(151, 168, 190); -} - -.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { - transition: .2s; - opacity: 0; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/message-box.css b/src/css/theme/message-box.css deleted file mode 100644 index 0394c51..0000000 --- a/src/css/theme/message-box.css +++ /dev/null @@ -1,1159 +0,0 @@ -.el-button-group:before, .el-button-group:after{ - display: table; - content: ""; -} -.el-button-group:after{ - clear: both; -}@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.v-modal-enter{ - animation: v-modal-in .2s ease; -} -.v-modal-leave{ - animation: v-modal-out .2s ease forwards; -} -@keyframes v-modal-in{ - 0%{ - opacity: 0; - } - 100%{} -} -@keyframes v-modal-out{ - 0%{} - 100%{ - opacity: 0; - } -} -.v-modal{ - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0.5; - background: #000; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-button{ - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-color: #c4c4c4; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; -} -.el-button + .el-button{ - margin-left: 10px; -} -.el-button:hover, .el-button:focus{ - color: #20a0ff; - border-color: #20a0ff; -} -.el-button:active{ - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - outline: none; -} -.el-button::-moz-focus-inner{ - border: 0; -} -.el-button [class*="el-icon-"]{} -.el-button [class*="el-icon-"] + span{ - margin-left: 5px; -} -.el-button.is-loading{ - position: relative; - pointer-events: none; -} -.el-button.is-loading:before{ - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255,255,255,.35); -} -.el-button.is-disabled{} -.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); -} -.el-button.is-disabled.el-button--text{ - background-color: transparent; -} -.el-button.is-disabled.is-plain{} -.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus{ - background-color: #fff; - border-color: rgb(209, 219, 229); - color: rgb(191, 203, 217); -} -.el-button.is-active{ - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); -} -.el-button.is-plain{} -.el-button.is-plain:hover, .el-button.is-plain:focus{ - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button.is-plain:active{ - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--primary{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} -.el-button--primary:hover, .el-button--primary:focus{ - background: rgb(77, 179, 255); - border-color: rgb(77, 179, 255); - color: #fff; -} -.el-button--primary:active{ - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; - outline: none; -} -.el-button--primary.is-active{ - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; -} -.el-button--primary.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus{ - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button--primary.is-plain:active{ - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--success{ - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} -.el-button--success:hover, .el-button--success:focus{ - background: rgb(66, 216, 133); - border-color: rgb(66, 216, 133); - color: #fff; -} -.el-button--success:active{ - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; - outline: none; -} -.el-button--success.is-active{ - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; -} -.el-button--success.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--success.is-plain:hover, .el-button--success.is-plain:focus{ - background: #fff; - border-color: #13ce66; - color: #13ce66; -} -.el-button--success.is-plain:active{ - background: #fff; - border-color: rgb(17, 185, 92); - color: rgb(17, 185, 92); - outline: none; -} -.el-button--warning{ - color: #fff; - background-color: #f7ba2a; - border-color: #f7ba2a; -} -.el-button--warning:hover, .el-button--warning:focus{ - background: rgb(249, 200, 85); - border-color: rgb(249, 200, 85); - color: #fff; -} -.el-button--warning:active{ - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; - outline: none; -} -.el-button--warning.is-active{ - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; -} -.el-button--warning.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus{ - background: #fff; - border-color: #f7ba2a; - color: #f7ba2a; -} -.el-button--warning.is-plain:active{ - background: #fff; - border-color: rgb(222, 167, 38); - color: rgb(222, 167, 38); - outline: none; -} -.el-button--danger{ - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} -.el-button--danger:hover, .el-button--danger:focus{ - background: rgb(255, 109, 109); - border-color: rgb(255, 109, 109); - color: #fff; -} -.el-button--danger:active{ - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; - outline: none; -} -.el-button--danger.is-active{ - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; -} -.el-button--danger.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus{ - background: #fff; - border-color: #ff4949; - color: #ff4949; -} -.el-button--danger.is-plain:active{ - background: #fff; - border-color: rgb(230, 66, 66); - color: rgb(230, 66, 66); - outline: none; -} -.el-button--info{ - color: #fff; - background-color: #50bfff; - border-color: #50bfff; -} -.el-button--info:hover, .el-button--info:focus{ - background: rgb(115, 204, 255); - border-color: rgb(115, 204, 255); - color: #fff; -} -.el-button--info:active{ - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; - outline: none; -} -.el-button--info.is-active{ - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; -} -.el-button--info.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--info.is-plain:hover, .el-button--info.is-plain:focus{ - background: #fff; - border-color: #50bfff; - color: #50bfff; -} -.el-button--info.is-plain:active{ - background: #fff; - border-color: rgb(72, 172, 230); - color: rgb(72, 172, 230); - outline: none; -} -.el-button--large{ - padding: 11px 19px; - font-size: 16px; - border-radius: 4px; -} -.el-button--small{ - padding: 7px 9px; - font-size: 12px; - border-radius: 4px; -} -.el-button--mini{ - padding: 4px 4px; - font-size: 12px; - border-radius: 4px; -} -.el-button--text{ - border: none; - color: #20a0ff; - background: transparent; - padding-left: 0; - padding-right: 0; -} -.el-button--text:hover, .el-button--text:focus{ - color: rgb(77, 179, 255); -} -.el-button--text:active{ - color: rgb(29, 144, 230); -} -.el-button-group{ - display: inline-block; - vertical-align: middle; -} -.el-button-group .el-button--primary{} -.el-button-group .el-button--primary:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success{} -.el-button-group .el-button--success:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning{} -.el-button-group .el-button--warning:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger{} -.el-button-group .el-button--danger:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info{} -.el-button-group .el-button--info:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button{ - float: left; - position: relative; -} -.el-button-group .el-button + .el-button{ - margin-left: 0; -} -.el-button-group .el-button:first-child{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-button-group .el-button:last-child{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-button-group .el-button:not(:first-child):not(:last-child){ - border-radius: 0; -} -.el-button-group .el-button:not(:last-child){ - margin-right: -1px; -} -.el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active{ - z-index: 1; -} -.el-button-group .el-button.is-active{ - z-index: 1; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff; -} -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff; -} -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner{ - padding-right: 35px; -} -.el-input__icon.is-clickable{} -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165); -} -.el-input--large{ - font-size: 16px; -} -.el-input--large .el-input__inner{ - height: 42px; -} -.el-input--small{ - font-size: 13px; -} -.el-input--small .el-input__inner{ - height: 30px; -} -.el-input--mini{ - font-size: 12px; -} -.el-input--mini .el-input__inner{ - height: 22px; -} -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit; -} -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff; -} - -.el-message-box{ - text-align: left; - display: inline-block; - vertical-align: middle; - background-color: #fff; - width: 420px; - border-radius: 3px; - font-size: 16px; - overflow: hidden; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -.el-message-box__wrapper{ - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - text-align: center; -} - -.el-message-box__wrapper::after{ - content: ""; - display: inline-block; - height: 100%; - width: 0; - vertical-align: middle; -} - -.el-message-box__header{ - position: relative; - padding: 20px 20px 0; -} - -.el-message-box__headerbtn{ - position: absolute; - top: 19px; - right: 20px; - background: transparent; - border: none; - outline: none; - padding: 0; - cursor: pointer; -} - -.el-message-box__headerbtn .el-message-box__close { - color: #999; -} - -.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close{ - color: #20a0ff; -} - -.el-message-box__content{ - padding: 30px 20px; - color: rgb(72, 87, 106); - font-size: 14px; - position: relative; -} - -.el-message-box__input{ - padding-top: 15px; -} - -.el-message-box__input input.invalid{ - border-color: #ff4949; -} - -.el-message-box__input input.invalid:focus{ - border-color: #ff4949; -} - -.el-message-box__errormsg{ - color: #ff4949; - font-size: 12px; - min-height: 18px; - margin-top: 2px; -} - -.el-message-box__title{ - padding-left: 0; - margin-bottom: 0; - font-size: 16px; - font-weight: 700; - height: 18px; - color: #333; -} - -.el-message-box__message{ - margin: 0; -} - -.el-message-box__message p{ - margin: 0; - line-height: 1.4; -} - -.el-message-box__btns{ - padding: 10px 20px 15px; - text-align: right; -} - -.el-message-box__btns button:nth-child(2){ - margin-left: 10px; -} - -.el-message-box__btns-reverse{ - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} - -.el-message-box__status{ - position: absolute; - top: 50%; - transform: translateY(-50%); - font-size: 36px !important; -} - -.el-message-box__status.el-icon-circle-check{ - color: #13ce66; -} - -.el-message-box__status.el-icon-information{ - color: #50bfff; -} - -.el-message-box__status.el-icon-warning{ - color: #f7ba2a; -} - -.el-message-box__status.el-icon-circle-cross{ - color: #ff4949; -} - -.msgbox-fade-enter-active { - animation: msgbox-fade-in .3s; -} - -.msgbox-fade-leave-active { - animation: msgbox-fade-out .3s; -} - -@keyframes msgbox-fade-in { - 0% { - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - transform: translate3d(0, 0, 0); - opacity: 1; - } -} - -@keyframes msgbox-fade-out { - 0% { - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/message.css b/src/css/theme/message.css deleted file mode 100644 index c4b24c1..0000000 --- a/src/css/theme/message.css +++ /dev/null @@ -1,266 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-message{ - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - min-width: 300px; - padding: 10px 12px; - box-sizing: border-box; - border-radius: 2px; - position: fixed; - left: 50%; - top: 20px; - transform: translateX(-50%); - background-color: #fff; - transition: opacity 0.3s, transform .4s; - overflow: hidden; -} - -.el-message .el-icon-circle-check{ - color: #13ce66; -} - -.el-message .el-icon-circle-cross{ - color: #ff4949; -} - -.el-message .el-icon-information{ - color: #50bfff; -} - -.el-message .el-icon-warning{ - color: #f7ba2a; -} - -.el-message__group{ - margin-left: 38px; - position: relative; - height: 20px; - line-height: 20px; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; -} - -.el-message__group p{ - font-size: 14px; - margin: 0 34px 0 0; - white-space: nowrap; - color: rgb(131, 145, 165); - text-align: justify; -} - -.el-message__group.is-with-icon{ - margin-left: 0; -} - -.el-message__img{ - width: 40px; - height: 40px; - position: absolute; - left: 0; - top: 0; -} - -.el-message__icon{ - vertical-align: middle; - margin-right: 8px; -} - -.el-message__closeBtn{ - top: 3px; - right: 0; - position: absolute; - cursor: pointer; - color: rgb(191, 203, 217); - font-size: 14px; -} - -.el-message__closeBtn:hover{ - color: rgb(151, 168, 190); -} - -.el-message-fade-enter, .el-message-fade-leave-active { - opacity: 0; - transform: translate(-50%, -100%); -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/notification.css b/src/css/theme/notification.css deleted file mode 100644 index aa21148..0000000 --- a/src/css/theme/notification.css +++ /dev/null @@ -1,264 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-notification{ - width: 330px; - padding: 20px; - box-sizing: border-box; - border-radius: 2px; - position: fixed; - right: 16px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - transition: opacity 0.3s, transform .3s, right .3s, top 0.4s; - overflow: hidden; -} - -.el-notification .el-icon-circle-check{ - color: #13ce66; -} - -.el-notification .el-icon-circle-cross{ - color: #ff4949; -} - -.el-notification .el-icon-information{ - color: #50bfff; -} - -.el-notification .el-icon-warning{ - color: #f7ba2a; -} - -.el-notification__group{ - margin-left: 0; -} - -.el-notification__group.is-with-icon{ - margin-left: 55px; -} - -.el-notification__title{ - font-weight: 400; - font-size: 16px; - color: rgb(31, 45, 61); - margin: 0; -} - -.el-notification__content{ - font-size: 14px; - line-height: 21px; - margin: 10px 0 0 0; - color: rgb(131, 145, 165); - text-align: justify; -} - -.el-notification__icon{ - width: 40px; - height: 40px; - font-size: 40px; - float: left; - position: relative; - top: 3px; -} - -.el-notification__closeBtn{ - top: 20px; - right: 20px; - position: absolute; - cursor: pointer; - color: rgb(191, 203, 217); - font-size: 14px; -} - -.el-notification__closeBtn:hover{ - color: rgb(151, 168, 190); -} - -.el-notification-fade-enter { - transform: translateX(100%); - right: 0; -} - -.el-notification-fade-leave-active { - opacity: 0; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/option-group.css b/src/css/theme/option-group.css deleted file mode 100644 index 29e30e0..0000000 --- a/src/css/theme/option-group.css +++ /dev/null @@ -1,204 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-select-group{ - margin: 0; - padding: 0 -} - -.el-select-group .el-select-dropdown__item{ - padding-left: 20px -} - -.el-select-group__wrap{ - list-style: none; - margin: 0; - padding: 0 -} - -.el-select-group__title{ - padding-left: 10px; - font-size: 12px; - color: #999; - height: 30px; - line-height: 30px -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/option.css b/src/css/theme/option.css deleted file mode 100644 index e55b6f5..0000000 --- a/src/css/theme/option.css +++ /dev/null @@ -1,223 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-select-dropdown{} - -.el-select-dropdown__item{ - font-size: 14px; - padding: 8px 10px; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: rgb(72, 87, 106); - height: 36px; - line-height: 1.5; - box-sizing: border-box; - cursor: pointer -} - -.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ - background-color: rgb(228, 232, 241) -} - -.el-select-dropdown__item.selected{ - color: #fff; - background-color: #20a0ff -} - -.el-select-dropdown__item.selected.hover{ - background-color: rgb(28, 141, 224) -} - -.el-select-dropdown__item span{ - line-height: 1.5 !important -} - -.el-select-dropdown__item.is-disabled{ - color: rgb(191, 203, 217); - cursor: not-allowed -} - -.el-select-dropdown__item.is-disabled:hover{ - background-color: #fff -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/pagination.css b/src/css/theme/pagination.css deleted file mode 100644 index 4181449..0000000 --- a/src/css/theme/pagination.css +++ /dev/null @@ -1,1585 +0,0 @@ -.el-pagination:before, .el-pagination:after{ - display: table; - content: ""; -} -.el-pagination:after{ - clear: both; -}@charset "UTF-8"; -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-dropdown{ - position: absolute; - z-index: 1001; - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - box-sizing: border-box; - margin: 5px 0; -} -.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{ - padding: 0; -} -.el-select-dropdown.is-multiple{} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{ - color: #20a0ff; - background-color: #fff; -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{ - background-color: rgb(228, 232, 241); -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{ - position: absolute; - right: 10px; - font-family: 'element-icons'; - content: "\E608"; - font-size: 11px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.el-select-dropdown__empty{ - padding: 10px 0; - margin: 0; - text-align: center; - color: #999; - font-size: 14px; -} -.el-select-dropdown__wrap{ - max-height: 274px; -} -.el-select-dropdown__list{ - list-style: none; - padding: 6px 0; - margin: 0; - box-sizing: border-box; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff; -} -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff; -} -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner{ - padding-right: 35px; -} -.el-input__icon.is-clickable{} -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165); -} -.el-input--large{ - font-size: 16px; -} -.el-input--large .el-input__inner{ - height: 42px; -} -.el-input--small{ - font-size: 13px; -} -.el-input--small .el-input__inner{ - height: 30px; -} -.el-input--mini{ - font-size: 12px; -} -.el-input--mini .el-input__inner{ - height: 22px; -} -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit; -} -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag{ - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close{ - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover{ - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray{ - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover{ - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit{ - border-color: rgb(72, 87, 106); -} -.el-tag--primary{ - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover{ - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit{ - border-color: #20a0ff; -} -.el-tag--success{ - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover{ - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit{ - border-color: #13ce66; -} -.el-tag--warning{ - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover{ - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit{ - border-color: #f7ba2a; -} -.el-tag--danger{ - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover{ - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit{ - border-color: #ff4949; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-dropdown{} -.el-select-dropdown__item{ - font-size: 14px; - padding: 8px 10px; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: rgb(72, 87, 106); - height: 36px; - line-height: 1.5; - box-sizing: border-box; - cursor: pointer; -} -.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ - background-color: rgb(228, 232, 241); -} -.el-select-dropdown__item.selected{ - color: #fff; - background-color: #20a0ff; -} -.el-select-dropdown__item.selected.hover{ - background-color: rgb(28, 141, 224); -} -.el-select-dropdown__item span{ - line-height: 1.5 !important; -} -.el-select-dropdown__item.is-disabled{ - color: rgb(191, 203, 217); - cursor: not-allowed; -} -.el-select-dropdown__item.is-disabled:hover{ - background-color: #fff; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-group{ - margin: 0; - padding: 0; -} -.el-select-group .el-select-dropdown__item{ - padding-left: 20px; -} -.el-select-group__wrap{ - list-style: none; - margin: 0; - padding: 0; -} -.el-select-group__title{ - padding-left: 10px; - font-size: 12px; - color: #999; - height: 30px; - line-height: 30px; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar{ - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar{ - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap{ - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default{} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{ - width: 0; - height: 0; -} -.el-scrollbar__thumb{ - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover{ - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar{ - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal{ - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div{ - height: 100%; -} -.el-scrollbar__bar.is-vertical{ - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div{ - width: 100%; -} -.el-select{ - display: inline-block; - position: relative; -} -.el-select:hover .el-input__inner{ - border-color: rgb(131, 145, 165); -} -.el-select .el-input__inner{ - cursor: pointer; - padding-right: 35px; -} -.el-select .el-input__inner:focus{ - border-color: #20a0ff; -} -.el-select .el-input{} -.el-select .el-input .el-input__icon{ - color: rgb(191, 203, 217); - font-size: 12px; - transition: transform .3s; - transform: translateY(-50%) rotateZ(180deg); - line-height: 16px; - top: 50%; - cursor: pointer; -} -.el-select .el-input .el-input__icon.is-show-close{ - transition: 0s; - width: 16px; - height: 16px; - font-size: 14px; - right: 8px; - text-align: center; - transform: translateY(-50%) rotateZ(180deg); - border-radius: 100%; - color: rgb(191, 203, 217); -} -.el-select .el-input .el-input__icon.is-show-close:hover{ - color: rgb(151, 168, 190); -} -.el-select .el-input .el-input__icon.is-reverse{ - transform: translateY(-50%); -} -.el-select .el-input.is-disabled{} -.el-select .el-input.is-disabled .el-input__inner{ - cursor: not-allowed; -} -.el-select .el-input.is-disabled .el-input__inner:hover{ - border-color: rgb(209, 219, 229); -} -.el-select > .el-input{ - display: block; -} -.el-select .el-tag__close{ - margin-top: -2px; -} -.el-select .el-tag{ - height: 24px; - line-height: 24px; - box-sizing: border-box; - margin: 3px 0 3px 6px; -} -.el-select__input{ - border: none; - outline: none; - padding: 0; - margin-left: 10px; - color: #666; - font-size: 14px; - vertical-align: baseline; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 28px; - background-color: transparent; -} -.el-select__input.is-mini{ - height: 14px; -} -.el-select__close{ - cursor: pointer; - position: absolute; - top: 8px; - z-index: 1000; - right: 25px; - color: rgb(191, 203, 217); - line-height: 18px; - font-size: 12px; -} -.el-select__close:hover{ - color: rgb(151, 168, 190); -} -.el-select__tags{ - position: absolute; - line-height: normal; - white-space: normal; - z-index: 1; - top: 50%; - transform: translateY(-50%); -} -.el-select__tag{ - display: inline-block; - height: 24px; - line-height: 24px; - font-size: 14px; - border-radius: 4px; - color: #fff; - background-color: #20a0ff; -} -.el-select__tag .el-icon-close{ - font-size: 12px; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-pagination{ - white-space: nowrap; - padding: 2px 5px; - color: rgb(72, 87, 106); -} - -.el-pagination span, .el-pagination button{ - display: inline-block; - font-size: 13px; - min-width: 28px; - height: 28px; - line-height: 28px; - vertical-align: top; - box-sizing: border-box; -} - -.el-pagination .el-select .el-input{ - width: 110px; -} - -.el-pagination .el-select .el-input input{ - padding-right: 25px; - border-radius: 2px; - height: 28px; -} - -.el-pagination button{ - border: none; - padding: 0 6px; - background: transparent -} - -.el-pagination button:focus{ - outline: none; -} - -.el-pagination button:hover{ - color: #20a0ff; -} - -.el-pagination button.disabled{ - color: #e4e4e4; - background-color: #fff; - cursor: not-allowed; -} - -.el-pagination .btn-prev, .el-pagination .btn-next{ - background: center center no-repeat; - background-size: 16px; - background-color: #fff; - border: 1px solid rgb(209, 219, 229); - cursor: pointer; - margin: 0; - color: rgb(151, 168, 190); -} - -.el-pagination .btn-prev .el-icon, .el-pagination .btn-next .el-icon{ - display: block; - font-size: 12px; -} - -.el-pagination .btn-prev{ - border-radius: 2px 0 0 2px; - border-right: 0; -} - -.el-pagination .btn-next{ - border-radius: 0 2px 2px 0; - border-left: 0; -} - -.el-pagination--small .btn-prev, .el-pagination--small .btn-next, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li:last-child { - border-color: transparent; - font-size: 12px; - line-height: 22px; - height: 22px; - min-width: 22px; -} - -.el-pagination--small .arrow.disabled { - visibility: hidden; -} - -.el-pagination--small .el-pager li { - border-radius: 2px; -} - -.el-pagination__sizes{ - margin: 0 10px 0 0; -} - -.el-pagination__sizes .el-input .el-input__inner { - font-size: 13px; - border-color: rgb(209, 219, 229) -} - -.el-pagination__sizes .el-input .el-input__inner:hover{ - border-color: #20a0ff; -} - -.el-pagination__jump{ - margin-left: 10px; -} - -.el-pagination__total{ - margin: 0 10px; -} - -.el-pagination__rightwrapper{ - float: right; -} - -.el-pagination__editor{ - border: 1px solid rgb(209, 219, 229); - border-radius: 2px; - line-height: 18px; - padding: 4px 2px; - width: 30px; - text-align: center; - margin: 0 6px; - box-sizing: border-box; - transition: border .3s; - -moz-appearance: textfield; -} - -.el-pagination__editor::-webkit-inner-spin-button, .el-pagination__editor::-webkit-outer-spin-button{ - -webkit-appearance: none; - margin: 0; -} - -.el-pagination__editor:focus{ - outline: none; - border-color: #20a0ff; -} - -.el-pager{ - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - list-style: none; - display: inline-block; - vertical-align: top; - font-size: 0; - padding: 0; - margin: 0; -} - -.el-pager li{ - padding: 0 4px; - border: 1px solid rgb(209, 219, 229); - border-right: 0; - background: #fff; - vertical-align: top; - display: inline-block; - font-size: 13px; - min-width: 28px; - height: 28px; - line-height: 28px; - cursor: pointer; - box-sizing: border-box; - text-align: center; - margin: 0 -} - -.el-pager li:last-child{ - border-right: 1px solid rgb(209, 219, 229); -} - -.el-pager li.btn-quicknext, .el-pager li.btn-quickprev{ - line-height: 28px; - color: rgb(151, 168, 190); -} - -.el-pager li.btn-quickprev:hover{ - cursor: pointer; -} - -.el-pager li.btn-quicknext:hover{ - cursor: pointer; -} - -.el-pager li.active + li{ - border-left: 0; - padding-left: 5px; -} - -.el-pager li:hover{ - color: #20a0ff; -} - -.el-pager li.active{ - border-color: #20a0ff; - background-color: #20a0ff; - color: #fff; - cursor: default; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/popover.css b/src/css/theme/popover.css deleted file mode 100644 index 7d3cc05..0000000 --- a/src/css/theme/popover.css +++ /dev/null @@ -1,296 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-popover{ - position: absolute; - background: #fff; - min-width: 150px; - border-radius: 2px; - border: 1px solid rgb(209, 219, 229); - padding: 10px; - z-index: 2000; - font-size: 12px; - box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), - 0px 0px 6px 0px rgba(0, 0, 0, .04); -} - -.el-popover .popper__arrow, .el-popover .popper__arrow::after{ - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.el-popover .popper__arrow{ - border-width: 6px; -} - -.el-popover .popper__arrow::after{ - content: " "; - border-width: 6px; -} - -.el-popover[x-placement^="top"]{ - margin-bottom: 12px; -} - -.el-popover[x-placement^="top"] .popper__arrow{ - bottom: -6px; - left: 50%; - margin-right: 3px; - border-top-color: rgb(209, 219, 229); - border-bottom-width: 0; -} - -.el-popover[x-placement^="top"] .popper__arrow::after{ - bottom: 1px; - margin-left: -6px; - border-top-color: #fff; - border-bottom-width: 0; -} - -.el-popover[x-placement^="bottom"]{ - margin-top: 12px; -} - -.el-popover[x-placement^="bottom"] .popper__arrow{ - top: -6px; - left: 50%; - margin-right: 3px; - border-top-width: 0; - border-bottom-color: rgb(209, 219, 229); -} - -.el-popover[x-placement^="bottom"] .popper__arrow::after{ - top: 1px; - margin-left: -6px; - border-top-width: 0; - border-bottom-color: #fff; -} - -.el-popover[x-placement^="right"]{ - margin-left: 12px; -} - -.el-popover[x-placement^="right"] .popper__arrow{ - top: 50%; - left: -6px; - margin-bottom: 3px; - border-right-color: rgb(209, 219, 229); - border-left-width: 0; -} - -.el-popover[x-placement^="right"] .popper__arrow::after{ - bottom: -6px; - left: 1px; - border-right-color: #fff; - border-left-width: 0; -} - -.el-popover[x-placement^="left"]{ - margin-right: 12px; -} - -.el-popover[x-placement^="left"] .popper__arrow{ - top: 50%; - right: -6px; - margin-bottom: 3px; - border-right-width: 0; - border-left-color: rgb(209, 219, 229); -} - -.el-popover[x-placement^="left"] .popper__arrow::after{ - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #fff; -} - -.el-popover__title{ - color: rgb(31, 45, 61); - font-size: 13px; - line-height: 1; - margin-bottom: 9px; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/progress.css b/src/css/theme/progress.css deleted file mode 100644 index 35bbbcd..0000000 --- a/src/css/theme/progress.css +++ /dev/null @@ -1,303 +0,0 @@ -.el-progress-bar__inner:after{ - display:inline-block; - content:""; - height:100%; - vertical-align:middle; -}@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-progress{ - position:relative; - line-height:1; -} - -.el-progress.is-exception .el-progress-bar__inner{ - background-color:#ff4949; -} - -.el-progress.is-exception .el-progress__text{ - color:#ff4949; -} - -.el-progress.is-success .el-progress-bar__inner{ - background-color:#13ce66; -} - -.el-progress.is-success .el-progress__text{ - color:#13ce66; -} - -.el-progress__text{ - font-size:14px; - color:rgb(72, 87, 106); - display: inline-block; - vertical-align: middle; - margin-left: 10px; - line-height: 1; -} - -.el-progress__text i { - vertical-align: middle; - display: block; -} - -.el-progress--circle{ - display: inline-block; -} - -.el-progress--circle .el-progress__text { - position: absolute; - top: 50%; - left: 0; - width: 100%; - text-align: center; - margin: 0; - transform: translate(0, -50%); -} - -.el-progress--circle .el-progress__text i { - vertical-align: middle; - display: inline-block; -} - -.el-progress--without-text .el-progress__text { - display: none; -} - -.el-progress--without-text .el-progress-bar { - padding-right: 0; - margin-right: 0; - display: block; -} - -.el-progress--text-inside .el-progress-bar { - padding-right: 0; - margin-right: 0; -} - -.el-progress-bar{ - padding-right:50px; - display:inline-block; - vertical-align:middle; - width:100%; - margin-right:-55px; - box-sizing:border-box; -} - -.el-progress-bar__outer{ - height: 6px; - border-radius: 100px; - background-color:rgb(228, 232, 241); - overflow: hidden; - position: relative; - vertical-align: middle; -} - -.el-progress-bar__inner{ - position: absolute; - left: 0; - top: 0; - height: 100%; - border-radius: 2px 0 0 2px; - background-color:#20a0ff; - text-align: right; - border-radius: 100px; - line-height: 1; - white-space: nowrap; -} - -.el-progress-bar__innerText{ - display: inline-block; - vertical-align: middle; - color:#fff; - font-size: 12px; - margin: 0 5px; -} - -@keyframes progress { - 0% { - background-position: 0 0; - } - 100% { - background-position: 32px 0; - } -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/radio-button.css b/src/css/theme/radio-button.css deleted file mode 100644 index 0a5f482..0000000 --- a/src/css/theme/radio-button.css +++ /dev/null @@ -1,287 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-radio-button{ - position: relative; - display: inline-block -} - -.el-radio-button:first-child .el-radio-button__inner{ - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important -} - -.el-radio-button:last-child .el-radio-button__inner{ - border-radius: 0 4px 4px 0 -} - -.el-radio-button:first-child:last-child .el-radio-button__inner{ - border-radius: 4px -} - -.el-radio-button__inner{ - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - padding: 10px 15px; - font-size: 14px; - border-radius: 0 -} - -.el-radio-button__inner:hover{ - color: #20a0ff -} - -.el-radio-button__inner [class*="el-icon-"]{ - line-height: 0.9 -} - -.el-radio-button__inner [class*="el-icon-"] + span{ - margin-left: 5px -} - -.el-radio-button__orig-radio{ - opacity: 0; - outline: none; - position: absolute; - z-index: -1; - left: -999px -} - -.el-radio-button__orig-radio:checked{} - -.el-radio-button__orig-radio:checked + .el-radio-button__inner{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff -} - -.el-radio-button__orig-radio:disabled{} - -.el-radio-button__orig-radio:disabled + .el-radio-button__inner{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none -} - -.el-radio-button--large{} - -.el-radio-button--large .el-radio-button__inner{ - padding: 11px 19px; - font-size: 16px; - border-radius: 0 -} - -.el-radio-button--small{} - -.el-radio-button--small .el-radio-button__inner{ - padding: 7px 9px; - font-size: 12px; - border-radius: 0 -} - -.el-radio-button--mini{} - -.el-radio-button--mini .el-radio-button__inner{ - padding: 4px 4px; - font-size: 12px; - border-radius: 0 -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/radio-group.css b/src/css/theme/radio-group.css deleted file mode 100644 index 56b2dd0..0000000 --- a/src/css/theme/radio-group.css +++ /dev/null @@ -1,192 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-radio-group{ - display: inline-block; - font-size: 0; - line-height: 1; - vertical-align: middle -} - -.el-radio-group .el-radio{ - font-size: 14px -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/radio.css b/src/css/theme/radio.css deleted file mode 100644 index 1bda5ff..0000000 --- a/src/css/theme/radio.css +++ /dev/null @@ -1,295 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-radio{ - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -.el-radio + .el-radio{ - margin-left: 15px; -} - -.el-radio__input{ - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} - -.el-radio__input.is-focus .el-radio__inner{ - border-color: #20a0ff; -} - -.el-radio__input.is-checked .el-radio__inner{ - border-color: #20a0ff; - background: #20a0ff -} - -.el-radio__input.is-checked .el-radio__inner::after{ - transform: translate(-50%, -50%) scale(1); -} - -.el-radio__input.is-disabled .el-radio__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed -} - -.el-radio__input.is-disabled .el-radio__inner::after{ - cursor: not-allowed; - background-color: rgb(238, 241, 246); -} - -.el-radio__input.is-disabled .el-radio__inner + .el-radio__label{ - cursor: not-allowed; -} - -.el-radio__input.is-disabled.is-checked .el-radio__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} - -.el-radio__input.is-disabled.is-checked .el-radio__inner::after{ - background-color: #fff; -} - -.el-radio__input.is-disabled + .el-radio__label{ - color: #bbb; - cursor: not-allowed; -} - -.el-radio__inner{ - border: 1px solid rgb(191, 203, 217); - border-radius: 100%; - width: 18px; - height: 18px; - border-radius: 50%; - background-color: #fff; - position: relative; - cursor: pointer; - display: inline-block; - box-sizing: border-box; -} - -.el-radio__inner:hover{ - border-color: #20a0ff; -} - -.el-radio__inner::after{ - width: 6px; - height: 6px; - border-radius: 50%; - background-color: #fff; - content: ""; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%) scale(0); - transition: transform .15s cubic-bezier(.71,-.46,.88,.6); -} - -.el-radio__original{ - opacity: 0; - outline: none; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: 0; -} - -.el-radio__label{ - font-size: 14px; - padding-left: 5px; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/rate.css b/src/css/theme/rate.css deleted file mode 100644 index ea0c63f..0000000 --- a/src/css/theme/rate.css +++ /dev/null @@ -1,225 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-rate{ - height: 20px; - line-height: 1; -} - -.el-rate__item{ - display: inline-block; - position: relative; - font-size: 0; - vertical-align: middle; -} - -.el-rate__icon{ - position: relative; - display: inline-block; - font-size: 18px; - margin-right: 6px; - color: rgb(191, 203, 217); - transition: .3s; -} - -.el-rate__icon .path2 { - position: absolute; - left: 0; - top: 0; -} - -.el-rate__icon.hover{ - transform: scale(1.15); -} - -.el-rate__decimal{ - position: absolute; - top: 0; - left: 0; - display: inline-block; - overflow: hidden; -} - -.el-rate__text{ - font-size: 14px; - vertical-align: middle; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/reset.css b/src/css/theme/reset.css deleted file mode 100644 index c94633c..0000000 --- a/src/css/theme/reset.css +++ /dev/null @@ -1,729 +0,0 @@ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Prevent adjustments of font size after orientation changes in IE and iOS. - */ - -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ -} -/** - * Remove the margin in all browsers (opinionated). - */ - -body { - margin: 0; -} -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - * 2. Add the correct display in IE. - */ - -article, -aside, -details, /* 1 */ -figcaption, -figure, -footer, -header, -main, /* 2 */ -menu, -nav, -section, -summary { - /* 1 */ - display: block; -} -/** - * Add the correct display in IE 9-. - */ - -audio, -canvas, -progress, -video { - display: inline-block; -} -/** - * Add the correct display in iOS 4-7. - */ - -audio:not([controls]) { - display: none; - height: 0; -} -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} -/** - * Add the correct display in IE 10-. - * 1. Add the correct display in IE. - */ - -template, /* 1 */ -[hidden] { - display: none; -} -/* Links - ========================================================================== */ -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ - -a { - background-color: transparent; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ -} -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ - -a:active, -a:hover { - outline-width: 0; -} -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - text-decoration: underline dotted; - /* 2 */ -} -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ - -b, -strong { - font-weight: inherit; -} -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} -/** - * Add the correct font style in Android 4.3-. - */ - -dfn { - font-style: italic; -} -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} -/** - * Add the correct background and color in IE 9-. - */ - -mark { - background-color: #ff0; - color: #000; -} -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE 10-. - */ - -img { - border-style: none; -} -/** - * Hide the overflow in IE. - */ - -svg:not(:root) { - overflow: hidden; -} -/* Grouping content - ========================================================================== */ -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} -/** - * Add the correct margin in IE 8. - */ - -figure { - margin: 1em 40px; -} -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ -} -/* Forms - ========================================================================== */ -/** - * 1. Correct color not being inherited. - Known issue: affects color of disabled elements. - * 2. Change font properties to `inherit` in all browsers (opinionated). - * 3. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ - vertical-align: middle; -} -/** - * Restore the font weight unset by the previous rule. - */ - -optgroup { - font-weight: 700; -} -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { - /* 1 */ - overflow: visible; -} -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { - /* 1 */ - text-transform: none; -} -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ - -button, -html [type="button"], /* 1 */ -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ -} -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; - /* 1 */ - color: inherit; - /* 2 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - white-space: normal; - /* 1 */ -} -/** - * Remove the default vertical scrollbar in IE. - */ - -textarea { - overflow: auto; - resize: none; - vertical-align: top; -} -/* webkit focus outline */ - -input, -select, -textarea { - outline: 0; -} -/* Re-set default cursor for disabled elements. */ - -[disabled] { - cursor: default; -} -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ -} -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} -/** - * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. - */ - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -/** - * Correct the text style of placeholders in Chrome, Edge, ff, and Safari. - */ - -input::-moz-placeholder, -textarea::-moz-placeholder { - color: inherit; - opacity: 0.54; -} - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: inherit; - opacity: 0.54; -} - -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: inherit; - opacity: 0.54; -} - -input::-ms-clear, -input::-ms-reveal { - display: none; -} -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} -/* table - ========================================================================== */ -/* Remove table cell spacing and padding */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - -h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { - margin: 0; -} - -ul, ol, li, dl, dd { - margin: 0; - padding: 0; -} - -ul, ol { - list-style: none outside none; -} - -h1, h2, h3, h4, h5, h6 { - font-size: 100%; - font-weight: 400; -} - -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -body { - font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; - font-weight: 400; - font-size: 14px; - color: rgb(31, 45, 61); -} - -a { - color: #20a0ff; - text-decoration: none -} - -a:hover, a:focus { - color: rgb(77, 179, 255); -} - -a:active { - color: rgb(29, 144, 230); -} - -h1, h2, h3, h4, h5, h6 { - color: rgb(31, 45, 61); - font-weight: inherit -} - -h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { - margin-top: 0; -} - -h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { - margin-bottom: 0; -} - -h1 { - font-size: 20px; -} - -h2 { - font-size: 18px; -} - -h3 { - font-size: 16px; -} - -h4, h5, h6, p { - font-size: inherit; -} - -p { - line-height: 1.8 -} - -p:first-child { - margin-top: 0; -} - -p:last-child { - margin-bottom: 0; -} - -sup, sub { - font-size: 13px; -} - -small { - font-size: 12px; -} - -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -}:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/row.css b/src/css/theme/row.css deleted file mode 100644 index 41f3927..0000000 --- a/src/css/theme/row.css +++ /dev/null @@ -1,231 +0,0 @@ -.el-row:before, .el-row:after{ - display: table; - content: "" -} -.el-row:after{ - clear: both -}@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-row{ - position: relative; - box-sizing: border-box -} - -.el-row--flex{ - display: -ms-flexbox; - display: flex -} - -.el-row--flex:before, .el-row--flex:after{ - display: none -} - -.el-row--flex.is-align-bottom{ - -ms-flex-align: end; - align-items: flex-end -} - -.el-row--flex.is-align-middle{ - -ms-flex-align: center; - align-items: center -} - -.el-row--flex.is-justify-space-around{ - -ms-flex-pack: distribute; - justify-content: space-around -} - -.el-row--flex.is-justify-space-between{ - -ms-flex-pack: justify; - justify-content: space-between -} - -.el-row--flex.is-justify-end{ - -ms-flex-pack: end; - justify-content: flex-end -} - -.el-row--flex.is-justify-center{ - -ms-flex-pack: center; - justify-content: center -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/scrollbar.css b/src/css/theme/scrollbar.css deleted file mode 100644 index 2d8fa98..0000000 --- a/src/css/theme/scrollbar.css +++ /dev/null @@ -1,245 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-scrollbar{ - overflow: hidden; - position: relative; -} - -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar{ - opacity: 1; - transition: opacity 340ms ease-out; -} - -.el-scrollbar__wrap{ - overflow: scroll; -} - -.el-scrollbar__wrap--hidden-default{} - -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{ - width: 0; - height: 0; -} - -.el-scrollbar__thumb{ - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} - -.el-scrollbar__thumb:hover{ - background-color: rgba(151, 168, 190, 0.5); -} - -.el-scrollbar__bar{ - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} - -.el-scrollbar__bar.is-horizontal{ - height: 6px; - left: 2px; -} - -.el-scrollbar__bar.is-horizontal > div{ - height: 100%; -} - -.el-scrollbar__bar.is-vertical{ - width: 6px; - top: 2px; -} - -.el-scrollbar__bar.is-vertical > div{ - width: 100%; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/select-dropdown.css b/src/css/theme/select-dropdown.css deleted file mode 100644 index af197a4..0000000 --- a/src/css/theme/select-dropdown.css +++ /dev/null @@ -1,236 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-select-dropdown{ - position: absolute; - z-index: 1001; - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - box-sizing: border-box; - margin: 5px 0; -} - -.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{ - padding: 0; -} - -.el-select-dropdown.is-multiple{} - -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{ - color: #20a0ff; - background-color: #fff; -} - -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{ - background-color: rgb(228, 232, 241); -} - -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{ - position: absolute; - right: 10px; - font-family: 'element-icons'; - content: "\E608"; - font-size: 11px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.el-select-dropdown__empty{ - padding: 10px 0; - margin: 0; - text-align: center; - color: #999; - font-size: 14px; -} - -.el-select-dropdown__wrap{ - max-height: 274px; -} - -.el-select-dropdown__list{ - list-style: none; - padding: 6px 0; - margin: 0; - box-sizing: border-box; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/select.css b/src/css/theme/select.css deleted file mode 100644 index 9c2386a..0000000 --- a/src/css/theme/select.css +++ /dev/null @@ -1,1312 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-dropdown{ - position: absolute; - z-index: 1001; - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - box-sizing: border-box; - margin: 5px 0; -} -.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{ - padding: 0; -} -.el-select-dropdown.is-multiple{} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{ - color: #20a0ff; - background-color: #fff; -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{ - background-color: rgb(228, 232, 241); -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{ - position: absolute; - right: 10px; - font-family: 'element-icons'; - content: "\E608"; - font-size: 11px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.el-select-dropdown__empty{ - padding: 10px 0; - margin: 0; - text-align: center; - color: #999; - font-size: 14px; -} -.el-select-dropdown__wrap{ - max-height: 274px; -} -.el-select-dropdown__list{ - list-style: none; - padding: 6px 0; - margin: 0; - box-sizing: border-box; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff; -} -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff; -} -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner{ - padding-right: 35px; -} -.el-input__icon.is-clickable{} -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165); -} -.el-input--large{ - font-size: 16px; -} -.el-input--large .el-input__inner{ - height: 42px; -} -.el-input--small{ - font-size: 13px; -} -.el-input--small .el-input__inner{ - height: 30px; -} -.el-input--mini{ - font-size: 12px; -} -.el-input--mini .el-input__inner{ - height: 22px; -} -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit; -} -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag{ - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close{ - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover{ - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray{ - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover{ - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit{ - border-color: rgb(72, 87, 106); -} -.el-tag--primary{ - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover{ - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit{ - border-color: #20a0ff; -} -.el-tag--success{ - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover{ - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit{ - border-color: #13ce66; -} -.el-tag--warning{ - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover{ - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit{ - border-color: #f7ba2a; -} -.el-tag--danger{ - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover{ - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit{ - border-color: #ff4949; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-dropdown{} -.el-select-dropdown__item{ - font-size: 14px; - padding: 8px 10px; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: rgb(72, 87, 106); - height: 36px; - line-height: 1.5; - box-sizing: border-box; - cursor: pointer; -} -.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ - background-color: rgb(228, 232, 241); -} -.el-select-dropdown__item.selected{ - color: #fff; - background-color: #20a0ff; -} -.el-select-dropdown__item.selected.hover{ - background-color: rgb(28, 141, 224); -} -.el-select-dropdown__item span{ - line-height: 1.5 !important; -} -.el-select-dropdown__item.is-disabled{ - color: rgb(191, 203, 217); - cursor: not-allowed; -} -.el-select-dropdown__item.is-disabled:hover{ - background-color: #fff; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-select-group{ - margin: 0; - padding: 0; -} -.el-select-group .el-select-dropdown__item{ - padding-left: 20px; -} -.el-select-group__wrap{ - list-style: none; - margin: 0; - padding: 0; -} -.el-select-group__title{ - padding-left: 10px; - font-size: 12px; - color: #999; - height: 30px; - line-height: 30px; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar{ - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar{ - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap{ - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default{} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{ - width: 0; - height: 0; -} -.el-scrollbar__thumb{ - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover{ - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar{ - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal{ - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div{ - height: 100%; -} -.el-scrollbar__bar.is-vertical{ - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div{ - width: 100%; -} - -.el-select{ - display: inline-block; - position: relative; -} - -.el-select:hover .el-input__inner{ - border-color: rgb(131, 145, 165); -} - -.el-select .el-input__inner{ - cursor: pointer; - padding-right: 35px; -} - -.el-select .el-input__inner:focus{ - border-color: #20a0ff; -} - -.el-select .el-input{} - -.el-select .el-input .el-input__icon{ - color: rgb(191, 203, 217); - font-size: 12px; - transition: transform .3s; - transform: translateY(-50%) rotateZ(180deg); - line-height: 16px; - top: 50%; - cursor: pointer; -} - -.el-select .el-input .el-input__icon.is-show-close{ - transition: 0s; - width: 16px; - height: 16px; - font-size: 14px; - right: 8px; - text-align: center; - transform: translateY(-50%) rotateZ(180deg); - border-radius: 100%; - color: rgb(191, 203, 217); -} - -.el-select .el-input .el-input__icon.is-show-close:hover{ - color: rgb(151, 168, 190); -} - -.el-select .el-input .el-input__icon.is-reverse{ - transform: translateY(-50%); -} - -.el-select .el-input.is-disabled{} - -.el-select .el-input.is-disabled .el-input__inner{ - cursor: not-allowed; -} - -.el-select .el-input.is-disabled .el-input__inner:hover{ - border-color: rgb(209, 219, 229); -} - -.el-select > .el-input{ - display: block; -} - -.el-select .el-tag__close{ - margin-top: -2px; -} - -.el-select .el-tag{ - height: 24px; - line-height: 24px; - box-sizing: border-box; - margin: 3px 0 3px 6px; -} - -.el-select__input{ - border: none; - outline: none; - padding: 0; - margin-left: 10px; - color: #666; - font-size: 14px; - vertical-align: baseline; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 28px; - background-color: transparent; -} - -.el-select__input.is-mini{ - height: 14px; -} - -.el-select__close{ - cursor: pointer; - position: absolute; - top: 8px; - z-index: 1000; - right: 25px; - color: rgb(191, 203, 217); - line-height: 18px; - font-size: 12px; -} - -.el-select__close:hover{ - color: rgb(151, 168, 190); -} - -.el-select__tags{ - position: absolute; - line-height: normal; - white-space: normal; - z-index: 1; - top: 50%; - transform: translateY(-50%); -} - -.el-select__tag{ - display: inline-block; - height: 24px; - line-height: 24px; - font-size: 14px; - border-radius: 4px; - color: #fff; - background-color: #20a0ff; -} - -.el-select__tag .el-icon-close{ - font-size: 12px; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/slider.css b/src/css/theme/slider.css deleted file mode 100644 index ff4a2a0..0000000 --- a/src/css/theme/slider.css +++ /dev/null @@ -1,1080 +0,0 @@ -.el-slider__button-wrapper:after{ - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-slider:before, .el-slider:after{ - display: table; - content: ""; -} -.el-slider:after{ - clear: both; -}@charset "UTF-8"; -@charset "UTF-8"; -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff; -} -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff; -} -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner{ - padding-right: 35px; -} -.el-input__icon.is-clickable{} -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165); -} -.el-input--large{ - font-size: 16px; -} -.el-input--large .el-input__inner{ - height: 42px; -} -.el-input--small{ - font-size: 13px; -} -.el-input--small .el-input__inner{ - height: 30px; -} -.el-input--mini{ - font-size: 12px; -} -.el-input--mini .el-input__inner{ - height: 22px; -} -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit; -} -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input-number{ - display: inline-block; - width: 180px; - position: relative; - line-height: normal; -} -.el-input-number .el-input{ - display: block; -} -.el-input-number .el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding-right: 82px; -} -.el-input-number.is-without-controls{} -.el-input-number.is-without-controls .el-input__inner{ - padding-right: 10px; -} -.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease{ - border-color: rgb(209, 219, 229); - color: rgb(209, 219, 229); -} -.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover{ - color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-input-number__increase, .el-input-number__decrease{ - height: auto; - border-left: 1px solid rgb(191, 203, 217); - width: 36px; - line-height: 34px; - top: 1px; - text-align: center; - color: rgb(151, 168, 190); - cursor: pointer; - position: absolute; - z-index: 1; -} -.el-input-number__increase:hover, .el-input-number__decrease:hover{ - color: #20a0ff; -} -.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled){ - border-color: #20a0ff; -} -.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled{ - color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-input-number__increase{ - right: 0; -} -.el-input-number__decrease{ - right: 37px; -} -.el-input-number--large{ - width: 200px; -} -.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease{ - line-height: 40px; - width: 42px; - font-size: 16px; -} -.el-input-number--large .el-input-number__decrease{ - right: 43px; -} -.el-input-number--large .el-input__inner{ - padding-right: 94px; -} -.el-input-number--small{ - width: 130px; -} -.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease{ - line-height: 28px; - width: 30px; - font-size: 13px; -} -.el-input-number--small .el-input-number__decrease{ - right: 31px; -} -.el-input-number--small .el-input__inner{ - padding-right: 70px; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tooltip{} -.el-tooltip__popper{ - position: absolute; - border-radius: 4px; - padding: 10px; - z-index: 2000; - font-size: 12px; - line-height: 1.2; -} -.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after{ - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.el-tooltip__popper .popper__arrow{ - border-width: 6px; -} -.el-tooltip__popper .popper__arrow::after{ - content: " "; - border-width: 5px; -} -.el-tooltip__popper[x-placement^="top"]{ - margin-bottom: 12px; -} -.el-tooltip__popper[x-placement^="top"] .popper__arrow{ - bottom: -6px; - border-top-color: rgb(31, 45, 61); - border-bottom-width: 0; -} -.el-tooltip__popper[x-placement^="top"] .popper__arrow::after{ - bottom: 1px; - margin-left: -5px; - border-top-color: rgb(31, 45, 61); - border-bottom-width: 0; -} -.el-tooltip__popper[x-placement^="bottom"]{ - margin-top: 12px; -} -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow{ - top: -6px; - border-top-width: 0; - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after{ - top: 1px; - margin-left: -5px; - border-top-width: 0; - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="right"]{ - margin-left: 12px; -} -.el-tooltip__popper[x-placement^="right"] .popper__arrow{ - left: -6px; - border-right-color: rgb(31, 45, 61); - border-left-width: 0; -} -.el-tooltip__popper[x-placement^="right"] .popper__arrow::after{ - bottom: -5px; - left: 1px; - border-right-color: rgb(31, 45, 61); - border-left-width: 0; -} -.el-tooltip__popper[x-placement^="left"]{ - margin-right: 12px; -} -.el-tooltip__popper[x-placement^="left"] .popper__arrow{ - right: -6px; - border-right-width: 0; - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper[x-placement^="left"] .popper__arrow::after{ - right: 1px; - bottom: -5px; - margin-left: -5px; - border-right-width: 0; - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light{ - background: #fff; - border: 1px solid rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow{ - border-top-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after{ - border-top-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow{ - border-bottom-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after{ - border-bottom-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow{ - border-left-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after{ - border-left-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow{ - border-right-color: rgb(31, 45, 61); -} -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after{ - border-right-color: #fff; -} -.el-tooltip__popper.is-dark{ - background: rgb(31, 45, 61); - color: #fff; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-slider{} - -.el-slider.is-vertical{ - position: relative; -} - -.el-slider.is-vertical .el-slider__runway{ - width: 4px; - height: 100%; - margin: 0 16px; -} - -.el-slider.is-vertical .el-slider__bar{ - width: 4px; - height: auto; - border-radius: 0 0 3px 3px; -} - -.el-slider.is-vertical .el-slider__button-wrapper{ - top: auto; - left: -16px; - transform: translateY(50%); -} - -.el-slider.is-vertical .el-slider__stop{ - transform: translateY(50%); -} - -.el-slider.is-vertical.el-slider--with-input{ - padding-bottom: 64px; -} - -.el-slider.is-vertical.el-slider--with-input .el-slider__input{ - overflow: visible; - float: none; - position: absolute; - bottom: 22px; - width: 36px; - margin-top: 15px; -} - -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{ - text-align: center; - padding-left: 5px; - padding-right: 5px; -} - -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{ - top: 30px; - margin-top: -1px; - border: 1px solid rgb(191, 203, 217); - line-height: 20px; - box-sizing: border-box; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} - -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{ - width: 18px; - right: 18px; - border-bottom-left-radius: 4px; -} - -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{ - width: 19px; - border-bottom-right-radius: 4px; -} - -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner{ - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{ - border-color: rgb(131, 145, 165); -} - -.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{ - border-color: #20a0ff; -} - -.el-slider__runway{ - width: 100%; - height: 4px; - margin: 16px 0; - background-color: rgb(228, 232, 241); - border-radius: 3px; - position: relative; - cursor: pointer; - vertical-align: middle; -} - -.el-slider__runway.show-input{ - margin-right: 160px; - width: auto; -} - -.el-slider__runway.disabled{ - cursor: default; -} - -.el-slider__runway.disabled .el-slider__bar, .el-slider__runway.disabled .el-slider__button{ - background-color: rgb(191, 203, 217); -} - -.el-slider__runway.disabled .el-slider__button-wrapper{} - -.el-slider__runway.disabled .el-slider__button-wrapper:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover{ - cursor: not-allowed; -} - -.el-slider__runway.disabled .el-slider__button-wrapper.dragging{ - cursor: not-allowed; -} - -.el-slider__runway.disabled .el-slider__button{} - -.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging{ - transform: scale(1); -} - -.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover{ - cursor: not-allowed; -} - -.el-slider__runway.disabled .el-slider__button.dragging{ - cursor: not-allowed; -} - -.el-slider__input{ - float: right; - margin-top: 3px; -} - -.el-slider__bar{ - height: 4px; - background-color: #20a0ff; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - position: absolute; -} - -.el-slider__button-wrapper{ - width: 36px; - height: 36px; - position: absolute; - z-index: 1001; - top: -16px; - transform: translateX(-50%); - background-color: transparent; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.el-slider__button-wrapper .el-tooltip { - vertical-align: middle; - display: inline-block; -} - -.el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover{ - cursor: -webkit-grab; - cursor: grab; -} - -.el-slider__button-wrapper.dragging{ - cursor: -webkit-grabbing; - cursor: grabbing; -} - -.el-slider__button{ - width: 12px; - height: 12px; - background-color: #20a0ff; - border-radius: 50%; - transition: .2s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging{ - transform: scale(1.5); - background-color: rgb(28, 141, 224); -} - -.el-slider__button:hover, .el-slider__button.hover{ - cursor: -webkit-grab; - cursor: grab; -} - -.el-slider__button.dragging{ - cursor: -webkit-grabbing; - cursor: grabbing; -} - -.el-slider__stop{ - position: absolute; - width: 4px; - height: 4px; - border-radius: 100%; - background-color: rgb(191, 203, 217); - transform: translateX(-50%); -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/spinner.css b/src/css/theme/spinner.css deleted file mode 100644 index 429dd19..0000000 --- a/src/css/theme/spinner.css +++ /dev/null @@ -1,223 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-time-spinner{ - width: 100%; - white-space: nowrap; -} - -.el-spinner{ - display: inline-block; - vertical-align: middle; -} - -.el-spinner-inner{ - animation: rotate 2s linear infinite; - width: 50px; - height: 50px; -} - -.el-spinner-inner .path{ - stroke: #ececec; - stroke-linecap: round; - animation: dash 1.5s ease-in-out infinite; -} -@keyframes rotate { - 100% { - transform: rotate(360deg); - } -} - -@keyframes dash { - 0% { - stroke-dasharray: 1, 150; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -35; - } - 100% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -124; - } -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/step.css b/src/css/theme/step.css deleted file mode 100644 index 60633d2..0000000 --- a/src/css/theme/step.css +++ /dev/null @@ -1,389 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-step{ - position: relative; - vertical-align: top; -} - -.el-step:last-child .el-step__main{ - padding-right: 0; -} - -.el-step.is-vertical{} - -.el-step.is-vertical .el-step__head, .el-step.is-vertical .el-step__main{ - display: inline-block; -} - -.el-step.is-vertical .el-step__main{ - padding-left: 10px; -} - -.el-step.is-horizontal{ - display: inline-block; -} - -.el-step__line{ - display: inline-block; - position: absolute; - border-color: inherit; - background-color: rgb(191, 203, 217); -} - -.el-step__line.is-vertical{ - width: 2px; - box-sizing: border-box; - top: 32px; - bottom: 0; - left: 15px; -} - -.el-step__line.is-horizontal{ - top: 15px; - height: 2px; - left: 32px; - right: 0; -} - -.el-step__line.is-icon{} - -.el-step__line.is-icon.is-horizontal{ - right: 4px; -} - -.el-step__line-inner{ - display: block; - border-width: 1px; - border-style: solid; - border-color: inherit; - transition: all 150ms; - box-sizing: border-box; - width: 0; - height: 0; -} - -.el-step__icon{ - display: block; - line-height: 28px; -} - -.el-step__icon > * { - line-height: inherit; - vertical-align: middle; -} - -.el-step__head{ - width: 28px; - height: 28px; - border-radius: 50%; - background-color: transparent; - text-align: center; - line-height: 28px; - font-size: 28px; - vertical-align: top; - transition: all 150ms; -} - -.el-step__head.is-finish{ - color: #20a0ff; - border-color: #20a0ff; -} - -.el-step__head.is-error{ - color: #ff4949; - border-color: #ff4949; -} - -.el-step__head.is-success{ - color: #13ce66; - border-color: #13ce66; -} - -.el-step__head.is-wait{ - color: rgb(191, 203, 217); - border-color: rgb(191, 203, 217); -} - -.el-step__head.is-process{ - color: rgb(191, 203, 217); - border-color: rgb(191, 203, 217); -} - -.el-step__head.is-text{ - font-size: 14px; - border-width: 2px; - border-style: solid; -} - -.el-step__head.is-text.is-finish{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} - -.el-step__head.is-text.is-error{ - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} - -.el-step__head.is-text.is-success{ - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} - -.el-step__head.is-text.is-wait{ - color: rgb(191, 203, 217); - background-color: #fff; - border-color: rgb(191, 203, 217); -} - -.el-step__head.is-text.is-process{ - color: #fff; - background-color: rgb(191, 203, 217); - border-color: rgb(191, 203, 217); -} - -.el-step__main{ - white-space: normal; - padding-right: 10px; - text-align: left; -} - -.el-step__title{ - font-size: 14px; - line-height: 32px; - display: inline-block; -} - -.el-step__title.is-finish{ - font-weight: 700; - color: #20a0ff; -} - -.el-step__title.is-error{ - font-weight: 700; - color: #ff4949; -} - -.el-step__title.is-success{ - font-weight: 700; - color: #13ce66; -} - -.el-step__title.is-wait{ - font-weight: 400; - color: rgb(151, 168, 190); -} - -.el-step__title.is-process{ - font-weight: 700; - color: rgb(72, 87, 106); -} - -.el-step__description{ - font-size: 12px; - font-weight: 400; - line-height: 14px; -} - -.el-step__description.is-finish{ - color: #20a0ff; -} - -.el-step__description.is-error{ - color: #ff4949; -} - -.el-step__description.is-success{ - color: #13ce66; -} - -.el-step__description.is-wait{ - color: rgb(191, 203, 217); -} - -.el-step__description.is-process{ - color: rgb(131, 145, 165); -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/steps.css b/src/css/theme/steps.css deleted file mode 100644 index 2c1d2bf..0000000 --- a/src/css/theme/steps.css +++ /dev/null @@ -1,197 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-steps{ - font-size: 0; -} - -.el-steps > :last-child .el-step__line{ - display: none; -} - -.el-steps.is-horizontal{ - white-space: nowrap; -} - -.el-steps.is-horizontal.is-center{ - text-align: center; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/submenu.css b/src/css/theme/submenu.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/submenu.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/switch.css b/src/css/theme/switch.css deleted file mode 100644 index 96698f8..0000000 --- a/src/css/theme/switch.css +++ /dev/null @@ -1,287 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-switch{ - display: inline-block; - position: relative; - font-size: 14px; - line-height: 22px; - height: 22px; - vertical-align: middle -} - -.el-switch .label-fade-enter, .el-switch .label-fade-leave-active{ - opacity: 0 -} - -.el-switch.is-disabled .el-switch__core{ - border-color: rgb(228, 232, 241) !important; - background: rgb(228, 232, 241) !important -} - -.el-switch.is-disabled .el-switch__core span{ - background-color: rgb(251, 253, 255) !important -} - -.el-switch.is-disabled .el-switch__core ~ .el-switch__label *{ - color: rgb(251, 253, 255) !important -} - -.el-switch.is-checked .el-switch__core{ - border-color: #20a0ff; - background-color: #20a0ff; -} - -.el-switch.is-disabled{} - -.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{ - cursor: not-allowed -} - -.el-switch__label{ - transition: .2s; - position: absolute; - width: 46px; - height: 22px; - left: 0; - top: 0; - display: inline-block; - font-size: 14px; - cursor: pointer -} - -.el-switch__label *{ - line-height: 1; - top: 4px; - position: absolute; - font-size: 14px; - display: inline-block; - color: #fff -} - -.el-switch__label--left i { - left: 6px; -} - -.el-switch__label--right i { - right: 6px; -} - -.el-switch__input{ - display: none -} - -.el-switch__core{ - margin: 0; - display: inline-block; - position: relative; - width: 46px; - height: 22px; - border: 1px solid rgb(191, 203, 217); - outline: none; - border-radius: 12px; - box-sizing: border-box; - background: rgb(191, 203, 217); - cursor: pointer; - transition: border-color .3s, background-color .3s -} - -.el-switch__core .el-switch__button{ - top: 0; - left: 0; - position: absolute; - border-radius: 100%; - transition: transform .3s; - width: 16px; - height: 16px; - background-color: #fff -} - -.el-switch--wide .el-switch__label {} - -.el-switch--wide .el-switch__label.el-switch__label--left span{ - left: 10px -} - -.el-switch--wide .el-switch__label.el-switch__label--right span{ - right: 10px -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/tab-pane.css b/src/css/theme/tab-pane.css deleted file mode 100644 index 90ea08f..0000000 --- a/src/css/theme/tab-pane.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/table-column.css b/src/css/theme/table-column.css deleted file mode 100644 index c243d1f..0000000 --- a/src/css/theme/table-column.css +++ /dev/null @@ -1,754 +0,0 @@ -@charset "UTF-8"; -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-checkbox{ - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-checkbox + .el-checkbox{ - margin-left: 15px; -} -.el-checkbox__input{ - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner{ - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{ - content: ''; - position: absolute; - display: block; - border: 1px solid #fff; - margin-top: -1px; - left: 3px; - right: 3px; - top: 50%; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{ - display: none; -} -.el-checkbox__input.is-focus .el-checkbox__inner{ - border-color: #20a0ff; -} -.el-checkbox__input.is-checked .el-checkbox__inner{ - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-checked .el-checkbox__inner::after{ - transform: rotate(45deg) scaleY(1); -} -.el-checkbox__input.is-disabled .el-checkbox__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-checkbox__input.is-disabled .el-checkbox__inner::after{ - cursor: not-allowed; - border-color: rgb(238, 241, 246); -} -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label{ - cursor: not-allowed; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{ - border-color: #fff; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{ - border-color: #fff; -} -.el-checkbox__input.is-disabled + .el-checkbox__label{ - color: #bbb; - cursor: not-allowed; -} -.el-checkbox__inner{ - display: inline-block; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - box-sizing: border-box; - width: 18px; - height: 18px; - background-color: #fff; - z-index: 1; - transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), - background-color .25s cubic-bezier(.71,-.46,.29,1.46); -} -.el-checkbox__inner:hover{ - border-color: #20a0ff; -} -.el-checkbox__inner::after{ - box-sizing: content-box; - content: ""; - border: 2px solid #fff; - border-left: 0; - border-top: 0; - height: 8px; - left: 5px; - position: absolute; - top: 1px; - transform: rotate(45deg) scaleY(0); - width: 4px; - transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; - transform-origin: center; -} -.el-checkbox__original{ - opacity: 0; - outline: none; - position: absolute; - margin: 0; - width: 0; - height: 0; - left: -999px; -} -.el-checkbox__label{ - font-size: 14px; - padding-left: 5px; -} -.el-checkbox-button{ - position: relative; - display: inline-block; -} -.el-checkbox-button.is-checked{} -.el-checkbox-button.is-checked .el-checkbox-button__inner{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff; -} -.el-checkbox-button.is-disabled{} -.el-checkbox-button.is-disabled .el-checkbox-button__inner{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none; -} -.el-checkbox-button.is-focus{} -.el-checkbox-button.is-focus .el-checkbox-button__inner{ - border-color: #20a0ff; -} -.el-checkbox-button:first-child .el-checkbox-button__inner{ - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important; -} -.el-checkbox-button:last-child .el-checkbox-button__inner{ - border-radius: 0 4px 4px 0; -} -.el-checkbox-button__inner{ - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button__inner:hover{ - color: #20a0ff; -} -.el-checkbox-button__inner [class*="el-icon-"]{ - line-height: 0.9; -} -.el-checkbox-button__inner [class*="el-icon-"] + span{ - margin-left: 5px; -} -.el-checkbox-button__original{ - opacity: 0; - outline: none; - position: absolute; - margin: 0; - visibility: hidden; - left: -999px; -} -.el-checkbox-button--large{} -.el-checkbox-button--large .el-checkbox-button__inner{ - padding: 11px 19px; - font-size: 16px; - border-radius: 0; -} -.el-checkbox-button--small{} -.el-checkbox-button--small .el-checkbox-button__inner{ - padding: 7px 9px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--mini{} -.el-checkbox-button--mini .el-checkbox-button__inner{ - padding: 4px 4px; - font-size: 12px; - border-radius: 0; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag{ - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close{ - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover{ - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray{ - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover{ - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit{ - border-color: rgb(72, 87, 106); -} -.el-tag--primary{ - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover{ - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit{ - border-color: #20a0ff; -} -.el-tag--success{ - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover{ - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit{ - border-color: #13ce66; -} -.el-tag--warning{ - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover{ - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit{ - border-color: #f7ba2a; -} -.el-tag--danger{ - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover{ - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit{ - border-color: #ff4949; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-table-column{} - -.el-table-column--selection .cell{ - padding-left: 14px; - padding-right: 14px; -} - -.el-table-filter{ - border: solid 1px rgb(209, 219, 229); - border-radius: 2px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); - box-sizing: border-box; - margin: 2px 0; - /** used for dropdown mode */ -} - -.el-table-filter__list{ - padding: 5px 0; - margin: 0; - list-style: none; - min-width: 100px; -} - -.el-table-filter__list-item{ - line-height: 36px; - padding: 0 10px; - cursor: pointer; - font-size: 14px; -} - -.el-table-filter__list-item:hover{ - background-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} - -.el-table-filter__list-item.is-active{ - background-color: #20a0ff; - color: #fff; -} - -.el-table-filter__content{ - min-width: 100px; -} - -.el-table-filter__bottom{ - border-top: 1px solid rgb(209, 219, 229); - padding: 8px; -} - -.el-table-filter__bottom button { - background: transparent; - border: none; - color: rgb(131, 145, 165); - cursor: pointer; - font-size: 14px; - padding: 0 3px -} - -.el-table-filter__bottom button:hover{ - color: #20a0ff; -} - -.el-table-filter__bottom button:focus{ - outline: none; -} - -.el-table-filter__bottom button.is-disabled{ - color: rgb(191, 203, 217); - cursor: not-allowed; -} - -.el-table-filter__checkbox-group{ - padding: 10px; -} - -.el-table-filter__checkbox-group label.el-checkbox { - display: block; - margin-bottom: 8px; - margin-left: 5px; -} - -.el-table-filter__checkbox-group .el-checkbox:last-child { - margin-bottom: 0; -}:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/table.css b/src/css/theme/table.css deleted file mode 100644 index be360b9..0000000 --- a/src/css/theme/table.css +++ /dev/null @@ -1,1112 +0,0 @@ -@charset "UTF-8"; -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-checkbox{ - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-checkbox + .el-checkbox{ - margin-left: 15px; -} -.el-checkbox__input{ - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner{ - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{ - content: ''; - position: absolute; - display: block; - border: 1px solid #fff; - margin-top: -1px; - left: 3px; - right: 3px; - top: 50%; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{ - display: none; -} -.el-checkbox__input.is-focus .el-checkbox__inner{ - border-color: #20a0ff; -} -.el-checkbox__input.is-checked .el-checkbox__inner{ - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-checked .el-checkbox__inner::after{ - transform: rotate(45deg) scaleY(1); -} -.el-checkbox__input.is-disabled .el-checkbox__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-checkbox__input.is-disabled .el-checkbox__inner::after{ - cursor: not-allowed; - border-color: rgb(238, 241, 246); -} -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label{ - cursor: not-allowed; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{ - border-color: #fff; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{ - border-color: #fff; -} -.el-checkbox__input.is-disabled + .el-checkbox__label{ - color: #bbb; - cursor: not-allowed; -} -.el-checkbox__inner{ - display: inline-block; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - box-sizing: border-box; - width: 18px; - height: 18px; - background-color: #fff; - z-index: 1; - transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), - background-color .25s cubic-bezier(.71,-.46,.29,1.46); -} -.el-checkbox__inner:hover{ - border-color: #20a0ff; -} -.el-checkbox__inner::after{ - box-sizing: content-box; - content: ""; - border: 2px solid #fff; - border-left: 0; - border-top: 0; - height: 8px; - left: 5px; - position: absolute; - top: 1px; - transform: rotate(45deg) scaleY(0); - width: 4px; - transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; - transform-origin: center; -} -.el-checkbox__original{ - opacity: 0; - outline: none; - position: absolute; - margin: 0; - width: 0; - height: 0; - left: -999px; -} -.el-checkbox__label{ - font-size: 14px; - padding-left: 5px; -} -.el-checkbox-button{ - position: relative; - display: inline-block; -} -.el-checkbox-button.is-checked{} -.el-checkbox-button.is-checked .el-checkbox-button__inner{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff; -} -.el-checkbox-button.is-disabled{} -.el-checkbox-button.is-disabled .el-checkbox-button__inner{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none; -} -.el-checkbox-button.is-focus{} -.el-checkbox-button.is-focus .el-checkbox-button__inner{ - border-color: #20a0ff; -} -.el-checkbox-button:first-child .el-checkbox-button__inner{ - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important; -} -.el-checkbox-button:last-child .el-checkbox-button__inner{ - border-radius: 0 4px 4px 0; -} -.el-checkbox-button__inner{ - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button__inner:hover{ - color: #20a0ff; -} -.el-checkbox-button__inner [class*="el-icon-"]{ - line-height: 0.9; -} -.el-checkbox-button__inner [class*="el-icon-"] + span{ - margin-left: 5px; -} -.el-checkbox-button__original{ - opacity: 0; - outline: none; - position: absolute; - margin: 0; - visibility: hidden; - left: -999px; -} -.el-checkbox-button--large{} -.el-checkbox-button--large .el-checkbox-button__inner{ - padding: 11px 19px; - font-size: 16px; - border-radius: 0; -} -.el-checkbox-button--small{} -.el-checkbox-button--small .el-checkbox-button__inner{ - padding: 7px 9px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--mini{} -.el-checkbox-button--mini .el-checkbox-button__inner{ - padding: 4px 4px; - font-size: 12px; - border-radius: 0; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-tag{ - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap; -} -.el-tag .el-icon-close{ - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px; -} -.el-tag .el-icon-close:hover{ - background-color: #fff; - color: rgb(131, 145, 165); -} -.el-tag--gray{ - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106); -} -.el-tag--gray .el-tag__close:hover{ - background-color: rgb(72, 87, 106); - color: #fff; -} -.el-tag--gray.is-hit{ - border-color: rgb(72, 87, 106); -} -.el-tag--primary{ - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff; -} -.el-tag--primary .el-tag__close:hover{ - background-color: #20a0ff; - color: #fff; -} -.el-tag--primary.is-hit{ - border-color: #20a0ff; -} -.el-tag--success{ - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66; -} -.el-tag--success .el-tag__close:hover{ - background-color: #13ce66; - color: #fff; -} -.el-tag--success.is-hit{ - border-color: #13ce66; -} -.el-tag--warning{ - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a; -} -.el-tag--warning .el-tag__close:hover{ - background-color: #f7ba2a; - color: #fff; -} -.el-tag--warning.is-hit{ - border-color: #f7ba2a; -} -.el-tag--danger{ - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949; -} -.el-tag--danger .el-tag__close:hover{ - background-color: #ff4949; - color: #fff; -} -.el-tag--danger.is-hit{ - border-color: #ff4949; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-table{ - position: relative; - overflow: hidden; - box-sizing: border-box; - width: 100%; - max-width: 100%; - background-color: #fff; - border: 1px solid rgb(223, 230, 236); - font-size: 14px; - color: rgb(31, 45, 61); -} - -.el-table .el-tooltip.cell{ - white-space: nowrap; - min-width: 50px; -} - -.el-table th, .el-table td{ - height: 40px; - min-width: 0; - box-sizing: border-box; - text-overflow: ellipsis; - vertical-align: middle; - position: relative -} - -.el-table th.is-right, .el-table td.is-right{ - text-align: right; -} - -.el-table th.is-left, .el-table td.is-left{ - text-align: left; -} - -.el-table th.is-center, .el-table td.is-center{ - text-align: center; -} - -.el-table th.is-leaf, .el-table td{ - border-bottom: 1px solid rgb(223, 230, 236); -} - -.el-table th.gutter, .el-table td.gutter{ - width: 15px; - border-right-width: 0; - border-bottom-width: 0; - padding: 0; -} - -.el-table td.is-hidden > *, .el-table th.is-hidden > *{ - visibility: hidden; -} - -.el-table::before{ - content: ''; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 1px; - background-color: rgb(223, 230, 236); - z-index: 1; -} - -.el-table::after{ - content: ''; - position: absolute; - top: 0; - right: 0; - width: 1px; - height: 100%; - background-color: rgb(223, 230, 236); - z-index: 1; -} - -.el-table th{ - white-space: nowrap; - overflow: hidden; -} - -.el-table th{ - background-color: rgb(238, 241, 246); - text-align: left; -} - -.el-table th > div{ - display: inline-block; - padding-left: 18px; - padding-right: 18px; - line-height: 40px; - box-sizing: border-box; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -.el-table td > div{ - box-sizing: border-box; -} - -.el-table th.required > div::before{ - display: inline-block; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background: #ff4d51; - margin-right: 5px; - vertical-align: middle; -} - -.el-table th > .cell{ - position: relative; - word-wrap: normal; - text-overflow: ellipsis; - display: inline-block; - line-height: 30px; - vertical-align: middle; - width: 100%; - box-sizing: border-box; -} - -.el-table th > .cell.highlight{ - color: #20a0ff; -} - -.el-table .caret-wrapper{ - position: relative; - cursor: pointer; - display: inline-block; - vertical-align: middle; - margin-left: 5px; - margin-top: -2px; - width: 16px; - height: 30px; - overflow: visible; - overflow: initial; -} - -.el-table .sort-caret{ - display: inline-block; - width: 0; - height: 0; - border: 0; - content: ""; - position: absolute; - left: 3px; - z-index: 2; -} - -.el-table .sort-caret.ascending{ - top: 9px; - border-top: none; - border-right: 5px solid transparent; - border-bottom: 5px solid rgb(151, 168, 190); - border-left: 5px solid transparent; -} - -.el-table .sort-caret.descending{ - bottom: 9px; - border-top: 5px solid rgb(151, 168, 190); - border-right: 5px solid transparent; - border-bottom: none; - border-left: 5px solid transparent; -} - -.el-table .ascending .sort-caret.ascending{ - border-bottom-color: rgb(72, 87, 106); -} - -.el-table .descending .sort-caret.descending{ - border-top-color: rgb(72, 87, 106); -} - -.el-table td.gutter{ - width: 0; -} - -.el-table .cell{ - box-sizing: border-box; - overflow: hidden; - text-overflow: ellipsis; - white-space: normal; - word-break: break-all; - line-height: 24px; - padding-left: 18px; - padding-right: 18px; -} - -.el-table tr input[type="checkbox"]{ - margin: 0; -} - -.el-table tr{ - background-color: #fff; -} - -.el-table .hidden-columns{ - visibility: hidden; - position: absolute; - z-index: -1; -} - -.el-table__empty-block{ - position: relative; - min-height: 60px; - text-align: center; - width: 100%; - height: 100%; -} - -.el-table__empty-text{ - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - color: rgb(94, 115, 130); -} - -.el-table__expand-column .cell { - padding: 0; - text-align: center; -} - -.el-table__expand-icon{ - position: relative; - cursor: pointer; - color: #666; - font-size: 12px; - transition: transform 0.2s ease-in-out; - height: 40px; -} - -.el-table__expand-icon > .el-icon { - position: absolute; - left: 50%; - top: 50%; - margin-left: -5px; - margin-top: -5px; -} - -.el-table__expand-icon--expanded{ - transform: rotate(90deg); -} - -.el-table__expanded-cell{ - padding: 20px 50px; - background-color: rgb(251, 253, 255); - box-shadow: inset 0 2px 0 #f4f4f4; -} - -.el-table__expanded-cell:hover{ - background-color: rgb(251, 253, 255) !important; -} - -.el-table--fit{ - border-right: 0; - border-bottom: 0; -} - -.el-table--fit th.gutter, .el-table--fit td.gutter { - border-right-width: 1px; -} - -.el-table--border th, .el-table--border td { - border-right: 1px solid rgb(223, 230, 236); -} - -.el-table--border th{ - border-bottom: 1px solid rgb(223, 230, 236); -} - -.el-table--hidden{ - visibility: hidden; -} - -.el-table__fixed, .el-table__fixed-right{ - position: absolute; - top: 0; - left: 0; - box-shadow: 1px 0 8px #d3d4d6; - overflow-x: hidden; -} - -.el-table__fixed::before, .el-table__fixed-right::before{ - content: ''; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 1px; - background-color: rgb(223, 230, 236); - z-index: 4; -} - -.el-table__fixed-right-patch{ - position: absolute; - top: -1px; - right: 0; - background-color: rgb(238, 241, 246); - border-bottom: 1px solid rgb(223, 230, 236); -} - -.el-table__fixed-right{ - top: 0; - left: auto; - right: 0; - box-shadow: -1px 0 8px #d3d4d6; -} - -.el-table__fixed-right .el-table__fixed-header-wrapper, .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper { - left: auto; - right: 0; -} - -.el-table__fixed-header-wrapper{ - position: absolute; - left: 0; - top: 0; - z-index: 3; -} - -.el-table__fixed-header-wrapper thead div{ - background-color: rgb(238, 241, 246); - color: rgb(31, 45, 61); -} - -.el-table__fixed-footer-wrapper{ - position: absolute; - left: 0; - bottom: 0; - z-index: 3; -} - -.el-table__fixed-footer-wrapper tbody td{ - border-top: 1px solid rgb(223, 230, 236); - background-color: rgb(251, 253, 255); - color: rgb(31, 45, 61); -} - -.el-table__fixed-body-wrapper{ - position: absolute; - left: 0; - top: 37px; - overflow: hidden; - z-index: 3; -} - -.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper{ - width: 100%; -} - -.el-table__footer-wrapper{ - margin-top: -1px; -} - -.el-table__footer-wrapper td { - border-top: 1px solid rgb(223, 230, 236); -} - -.el-table__header, .el-table__body, .el-table__footer{ - table-layout: fixed; -} - -.el-table__header-wrapper, .el-table__footer-wrapper{ - overflow: hidden; -} - -.el-table__header-wrapper thead div, .el-table__footer-wrapper thead div{ - background-color: rgb(238, 241, 246); - color: rgb(31, 45, 61); -} - -.el-table__header-wrapper tbody td, .el-table__footer-wrapper tbody td{ - background-color: rgb(251, 253, 255); - color: rgb(31, 45, 61); -} - -.el-table__body-wrapper{ - overflow: auto; - position: relative; -} - -.el-table--striped{} - -.el-table--striped .el-table__body{} - -.el-table--striped .el-table__body tr.el-table__row--striped td{ - background: #FAFAFA; - background-clip: padding-box; -} - -.el-table--striped .el-table__body tr.el-table__row--striped.current-row td{ - background: rgb(237, 247, 255); -} - -.el-table__body tr.hover-row {} - -.el-table__body tr.hover-row, .el-table__body tr.hover-row.el-table__row--striped{} - -.el-table__body tr.hover-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td{ - background-color: rgb(238, 241, 246); -} - -.el-table__body tr.current-row > td { - background: rgb(237, 247, 255); -} - -.el-table__column-resize-proxy{ - position: absolute; - left: 200px; - top: 0; - bottom: 0; - width: 0; - border-left: 1px solid rgb(223, 230, 236); - z-index: 10; -} - -.el-table__column-filter-trigger{ - display: inline-block; - line-height: 34px; - margin-left: 5px; - cursor: pointer; -} - -.el-table__column-filter-trigger i{ - color: rgb(151, 168, 190); -} - -.el-table--enable-row-transition .el-table__body td { - transition: background-color .25s ease; -} - -.el-table--enable-row-hover .el-table__body tr:hover > td { - background-color: rgb(238, 241, 246); - background-clip: padding-box; -} - -.el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right { - bottom: 0; - overflow: hidden; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/tabs.css b/src/css/theme/tabs.css deleted file mode 100644 index da26bc1..0000000 --- a/src/css/theme/tabs.css +++ /dev/null @@ -1,469 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-tabs{} - -.el-tabs__header{ - border-bottom: 1px solid rgb(209, 219, 229); - padding: 0; - position: relative; - margin: 0 0 15px; -} - -.el-tabs__active-bar{ - position: absolute; - bottom: 0; - left: 0; - height: 3px; - background-color: #20a0ff; - z-index: 1; - transition: transform .3s cubic-bezier(.645,.045,.355,1); - list-style: none; -} - -.el-tabs__new-tab{ - float: right; - border: 1px solid #d3dce6; - height: 18px; - width: 18px; - line-height: 18px; - margin: 12px 0 9px 10px; - border-radius: 3px; - text-align: center; - font-size: 12px; - color: #d3dce6; - cursor: pointer; - transition: all .15s; -} - -.el-tabs__new-tab .el-icon-plus { - transform: scale(0.8, 0.8); -} - -.el-tabs__new-tab:hover{ - color: #20a0ff; -} - -.el-tabs__nav-wrap{ - overflow: hidden; - margin-bottom: -1px; - position: relative; -} - -.el-tabs__nav-wrap.is-scrollable{ - padding: 0 15px; -} - -.el-tabs__nav-scroll{ - overflow: hidden; -} - -.el-tabs__nav-next, .el-tabs__nav-prev{ - position: absolute; - cursor: pointer; - line-height: 44px; - font-size: 12px; - color: rgb(131, 145, 165); -} - -.el-tabs__nav-next{ - right: 0; -} - -.el-tabs__nav-prev{ - left: 0; -} - -.el-tabs__nav{ - white-space: nowrap; - position: relative; - transition: transform .3s; - float: left; -} - -.el-tabs__item{ - padding: 0 16px; - height: 42px; - box-sizing: border-box; - line-height: 42px; - display: inline-block; - list-style: none; - font-size: 14px; - color: rgb(131, 145, 165); - position: relative; -} - -.el-tabs__item .el-icon-close{ - border-radius: 50%; - text-align: center; - transition: all .3s cubic-bezier(.645,.045,.355,1); - margin-left: 5px; -} - -.el-tabs__item .el-icon-close:before{ - transform: scale(.7, .7); - display: inline-block; -} - -.el-tabs__item .el-icon-close:hover{ - background-color: rgb(151, 168, 190); - color: #fff; -} - -.el-tabs__item:hover{ - color: rgb(31, 45, 61); - cursor: pointer; -} - -.el-tabs__item.is-disabled{ - color: #bbb; - cursor: default; -} - -.el-tabs__item.is-active{ - color: #20a0ff; -} - -.el-tabs__content{ - overflow: hidden; - position: relative; -} - -.el-tabs--card > .el-tabs__header .el-tabs__active-bar { - display: none; -} - -.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { - position: relative; - font-size: 12px; - width: 0; - height: 14px; - vertical-align: middle; - line-height: 15px; - overflow: hidden; - top: -1px; - right: -2px; - transform-origin: 100% 50%; -} - -.el-tabs--card > .el-tabs__header .el-tabs__item { - border: 1px solid transparent; - transition: all .3s cubic-bezier(.645,.045,.355,1) -} - -.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable{} - -.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover{ - padding-right: 9px; - padding-left: 9px; -} - -.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{ - width: 14px; -} - -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active{ - border: 1px solid rgb(209, 219, 229); - border-bottom-color: #fff; - border-radius: 4px 4px 0 0; -} - -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable{ - padding-right: 16px; - padding-left: 16px; -} - -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close{ - width: 14px; -} - -.el-tabs--border-card{ - background: #fff; - border: 1px solid rgb(209, 219, 229); - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); -} - -.el-tabs--border-card >.el-tabs__content { - padding: 15px; -} - -.el-tabs--border-card >.el-tabs__header { - background-color: rgb(238, 241, 246); - margin: 0; -} - -.el-tabs--border-card >.el-tabs__header .el-tabs__item { - transition: all .3s cubic-bezier(.645,.045,.355,1); - border: 1px solid transparent; - border-top: 0; - margin-right: -1px; - margin-left: -1px -} - -.el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active{ - background-color: #fff; - border-right-color: rgb(209, 219, 229); - border-left-color: rgb(209, 219, 229); -} - -.el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active:first-child{ - border-left-color: rgb(209, 219, 229); -} - -.el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active:last-child{ - border-right-color: rgb(209, 219, 229); -} - -.slideInRight-transition, .slideInLeft-transition { - display: inline-block; -} -.slideInRight-enter { - animation: slideInRight-enter .3s; -} -.slideInRight-leave { - position: absolute; - left: 0; - right: 0; - animation: slideInRight-leave .3s; -} -.slideInLeft-enter { - animation: slideInLeft-enter .3s; -} -.slideInLeft-leave { - position: absolute; - left: 0; - right: 0; - animation: slideInLeft-leave .3s; -} - -@keyframes slideInRight-enter { - 0% { - opacity: 0; - transform-origin: 0 0; - transform: translateX(100%) - } - - to { - opacity: 1; - transform-origin: 0 0; - transform: translateX(0) - } -} -@keyframes slideInRight-leave { - 0% { - transform-origin: 0 0; - transform: translateX(0); - opacity: 1 - } - - 100% { - transform-origin: 0 0; - transform: translateX(100%); - opacity: 0 - } -} -@keyframes slideInLeft-enter { - 0% { - opacity: 0; - transform-origin: 0 0; - transform: translateX(-100%) - } - - to { - opacity: 1; - transform-origin: 0 0; - transform: translateX(0) - } -} -@keyframes slideInLeft-leave { - 0% { - transform-origin: 0 0; - transform: translateX(0); - opacity: 1 - } - - 100% { - transform-origin: 0 0; - transform: translateX(-100%); - opacity: 0 - } -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/tag.css b/src/css/theme/tag.css deleted file mode 100644 index cb6765a..0000000 --- a/src/css/theme/tag.css +++ /dev/null @@ -1,290 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-tag{ - background-color: rgb(131, 145, 165); - display: inline-block; - padding: 0 5px; - height: 24px; - line-height: 22px; - font-size: 12px; - color: #fff; - border-radius: 4px; - box-sizing: border-box; - border: 1px solid transparent; - white-space: nowrap -} - -.el-tag .el-icon-close{ - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - transform: scale(.75, .75); - height: 18px; - width: 18px; - line-height: 18px; - vertical-align: middle; - top: -1px; - right: -2px -} - -.el-tag .el-icon-close:hover{ - background-color: #fff; - color: rgb(131, 145, 165) -} - -.el-tag--gray{ - background-color: rgb(228, 232, 241); - border-color: rgb(228, 232, 241); - color: rgb(72, 87, 106) -} - -.el-tag--gray .el-tag__close:hover{ - background-color: rgb(72, 87, 106); - color: #fff -} - -.el-tag--gray.is-hit{ - border-color: rgb(72, 87, 106) -} - -.el-tag--primary{ - background-color: rgba(32, 160, 255, 0.1); - border-color: rgba(32, 160, 255, 0.2); - color: #20a0ff -} - -.el-tag--primary .el-tag__close:hover{ - background-color: #20a0ff; - color: #fff -} - -.el-tag--primary.is-hit{ - border-color: #20a0ff -} - -.el-tag--success{ - background-color: rgba(18,206,102,0.10); - border-color: rgba(18,206,102,0.20); - color: #13ce66 -} - -.el-tag--success .el-tag__close:hover{ - background-color: #13ce66; - color: #fff -} - -.el-tag--success.is-hit{ - border-color: #13ce66 -} - -.el-tag--warning{ - background-color: rgba(247,186,41,0.10); - border-color: rgba(247,186,41,0.20); - color: #f7ba2a -} - -.el-tag--warning .el-tag__close:hover{ - background-color: #f7ba2a; - color: #fff -} - -.el-tag--warning.is-hit{ - border-color: #f7ba2a -} - -.el-tag--danger{ - background-color: rgba(255,73,73,0.10); - border-color: rgba(255,73,73,0.20); - color: #ff4949 -} - -.el-tag--danger .el-tag__close:hover{ - background-color: #ff4949; - color: #fff -} - -.el-tag--danger.is-hit{ - border-color: #ff4949 -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/time-picker.css b/src/css/theme/time-picker.css deleted file mode 100644 index 168935b..0000000 --- a/src/css/theme/time-picker.css +++ /dev/null @@ -1,1113 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -/* DEPRECATED */ -.fade-in-linear-enter-active, .fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-enter-active, .el-fade-in-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-fade-in-enter, .el-fade-in-leave-active { - opacity: 0; -} -.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { - opacity: 0; - transform: scaleX(0); -} -.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center top; -} -.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center bottom; -} -.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { - opacity: 1; - transform: scale(1, 1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: top left; -} -.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { - opacity: 0; - transform: scale(.45, .45); -} -.collapse-transition { - transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; -} -.horizontal-collapse-transition { - transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; -} -.el-list-enter-active, .el-list-leave-active { - transition: all 1s; -} -.el-list-enter, .el-list-leave-active { - opacity: 0; - transform: translateY(-30px); -} -.el-opacity-transition { - transition: opacity .3s cubic-bezier(.55,0,.1,1); -} -.el-date-editor { - position: relative; - display: inline-block; -} -.el-date-editor .el-picker-panel { - position: absolute; - min-width: 180px; - box-sizing: border-box; - box-shadow: 0 2px 6px #ccc; - background: #fff; - z-index: 10; - top: 41px; -} -.el-date-editor.el-input { - width: 193px; -} -.el-date-editor--daterange {} -.el-date-editor--daterange.el-input { - width: 220px; -} -.el-date-editor--datetimerange {} -.el-date-editor--datetimerange.el-input { - width: 350px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-spinner {} -.el-time-spinner.has-seconds .el-time-spinner__wrapper { - width: 33%; -} -.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) { - margin-left: 1%; -} -.el-time-spinner__wrapper { - max-height: 190px; - overflow: auto; - display: inline-block; - width: 50%; - vertical-align: top; - position: relative; -} -.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { - padding-bottom: 15px; -} -.el-time-spinner__list { - padding: 0; - margin: 0; - list-style: none; - text-align: center; -} -.el-time-spinner__list::after, .el-time-spinner__list::before { - content: ''; - display: block; - width: 100%; - height: 80px; -} -.el-time-spinner__item { - height: 32px; - line-height: 32px; - font-size: 12px; -} -.el-time-spinner__item:hover:not(.disabled):not(.active) { - background: rgb(228, 232, 241); - cursor: pointer; -} -.el-time-spinner__item.active:not(.disabled) { - color: #fff; -} -.el-time-spinner__item.disabled { - color: rgb(209, 219, 229); - cursor: not-allowed; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-time-panel { - margin: 5px 0; - border: solid 1px rgb(209, 219, 229); - background-color: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - border-radius: 2px; - position: absolute; - width: 180px; - left: 0; - z-index: 1000; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.el-time-panel__content { - font-size: 0; - position: relative; - overflow: hidden; -} -.el-time-panel__content::after, .el-time-panel__content::before { - content: ":"; - top: 50%; - color: #fff; - position: absolute; - font-size: 14px; - margin-top: -15px; - line-height: 16px; - background-color: #20a0ff; - height: 32px; - z-index: -1; - left: 0; - right: 0; - box-sizing: border-box; - padding-top: 6px; - text-align: left; -} -.el-time-panel__content::after { - left: 50%; - margin-left: -2px; -} -.el-time-panel__content::before { - padding-left: 50%; - margin-right: -2px; -} -.el-time-panel__content.has-seconds {} -.el-time-panel__content.has-seconds::after { - left: 66.66667%; -} -.el-time-panel__content.has-seconds::before { - padding-left: 33.33333%; -} -.el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - box-sizing: border-box; -} -.el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; - color: rgb(131, 145, 165); -} -.el-time-panel__btn.confirm { - font-weight: 800; - color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner { - outline: none; - border-color: #20a0ff; -} -.el-input__inner { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-input__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus { - outline: none; - border-color: #20a0ff; -} -.el-input__icon { - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after { - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner { - padding-right: 35px; -} -.el-input__icon.is-clickable {} -.el-input__icon.is-clickable:hover { - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner { - border-color: rgb(131, 145, 165); -} -.el-input--large { - font-size: 16px; -} -.el-input--large .el-input__inner { - height: 42px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 30px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 22px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend { - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append { - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea { - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: rgb(191, 203, 217); -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder { - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover { - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus { - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/time-select.css b/src/css/theme/time-select.css deleted file mode 100644 index 5aee3bd..0000000 --- a/src/css/theme/time-select.css +++ /dev/null @@ -1,974 +0,0 @@ -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -/* DEPRECATED */ -.fade-in-linear-enter-active, .fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { - transition: opacity 200ms linear; -} -.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { - opacity: 0; -} -.el-fade-in-enter-active, .el-fade-in-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-fade-in-enter, .el-fade-in-leave-active { - opacity: 0; -} -.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { - transition: all .3s cubic-bezier(.55,0,.1,1); -} -.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { - opacity: 0; - transform: scaleX(0); -} -.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center top; -} -.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { - opacity: 1; - transform: scaleY(1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: center bottom; -} -.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { - opacity: 0; - transform: scaleY(0); -} -.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { - opacity: 1; - transform: scale(1, 1); - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - transform-origin: top left; -} -.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { - opacity: 0; - transform: scale(.45, .45); -} -.collapse-transition { - transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; -} -.horizontal-collapse-transition { - transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; -} -.el-list-enter-active, .el-list-leave-active { - transition: all 1s; -} -.el-list-enter, .el-list-leave-active { - opacity: 0; - transform: translateY(-30px); -} -.el-opacity-transition { - transition: opacity .3s cubic-bezier(.55,0,.1,1); -} -.el-date-editor { - position: relative; - display: inline-block; -} -.el-date-editor .el-picker-panel { - position: absolute; - min-width: 180px; - box-sizing: border-box; - box-shadow: 0 2px 6px #ccc; - background: #fff; - z-index: 10; - top: 41px; -} -.el-date-editor.el-input { - width: 193px; -} -.el-date-editor--daterange {} -.el-date-editor--daterange.el-input { - width: 220px; -} -.el-date-editor--datetimerange {} -.el-date-editor--datetimerange.el-input { - width: 350px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-picker-panel { - color: rgb(72, 87, 106); - border: 1px solid rgb(209, 219, 229); - box-shadow: 0 2px 6px #ccc; - background: #fff; - border-radius: 2px; - line-height: 20px; - margin: 5px 0; -} -.el-picker-panel__body, .el-picker-panel__body-wrapper {} -.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after { - content: ""; - display: table; - clear: both; -} -.el-picker-panel__content { - position: relative; - margin: 15px; -} -.el-picker-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - text-align: right; - background-color: #fff; - position: relative; -} -.el-picker-panel__shortcut { - display: block; - width: 100%; - border: 0; - background-color: transparent; - line-height: 28px; - font-size: 14px; - color: rgb(72, 87, 106); - padding-left: 12px; - text-align: left; - outline: none; - cursor: pointer; -} -.el-picker-panel__shortcut:hover { - background-color: rgb(228, 232, 241); -} -.el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: #20a0ff; -} -.el-picker-panel__btn { - border: 1px solid #dcdcdc; - color: #333; - line-height: 24px; - border-radius: 2px; - padding: 0 20px; - cursor: pointer; - background-color: transparent; - outline: none; - font-size: 12px; -} -.el-picker-panel__btn[disabled] { - color: #cccccc; - cursor: not-allowed; -} -.el-picker-panel__icon-btn { - font-size: 12px; - color: rgb(151, 168, 190); - border: 0; - background: transparent; - cursor: pointer; - outline: none; - margin-top: 3px; -} -.el-picker-panel__icon-btn:hover { - color: #20a0ff; -} -.el-picker-panel__link-btn { - cursor: pointer; - color: #20a0ff; - text-decoration: none; - padding: 15px; - font-size: 12px; -} -.el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar { - position: absolute; - top: 0; - bottom: 0; - width: 110px; - border-right: 1px solid #e4e4e4; - box-sizing: border-box; - padding-top: 6px; - background-color: rgb(251, 253, 255); - overflow: auto; -} -.el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { - margin-left: 110px; -} -.el-date-picker { - min-width: 254px; -} -.el-date-picker .el-picker-panel__content { - min-width: 224px; -} -.el-date-picker table { - table-layout: fixed; - width: 100%; -} -.el-date-picker.has-sidebar.has-time { - min-width: 434px; -} -.el-date-picker.has-sidebar { - min-width: 370px; -} -.el-date-picker.has-time { - min-width: 324px; -} -.el-date-picker__editor-wrap { - position: relative; - display: table-cell; - padding: 0 5px; -} -.el-date-picker__time-header { - position: relative; - border-bottom: 1px solid #e4e4e4; - font-size: 12px; - padding: 8px 5px 5px 5px; - display: table; - width: 100%; - box-sizing: border-box; -} -.el-date-picker__header { - margin: 12px; - text-align: center; -} -.el-date-picker__header-label { - font-size: 14px; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; -} -.el-date-picker__header-label:hover { - color: #20a0ff; -} -.el-date-picker__header-label.active { - color: #20a0ff; -} -.el-date-picker__prev-btn { - float: left; -} -.el-date-picker__next-btn { - float: right; -} -.el-date-picker__time-wrap { - padding: 10px; - text-align: center; -} -.el-date-picker__time-label { - float: left; - cursor: pointer; - line-height: 30px; - margin-left: 10px; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar { - opacity: 1; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; -} -.el-scrollbar__wrap--hidden-default {} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(151, 168, 190, 0.3); - transition: .3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(151, 168, 190, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} - -.time-select { - margin: 5px 0; - min-width: 0; -} - -.time-select .el-picker-panel__content { - max-height: 200px; - margin: 0; -} - -.time-select-item { - padding: 8px 10px; - font-size: 14px; -} - -.time-select-item.selected:not(.disabled) { - background-color: #20a0ff; - color: #fff -} - -.time-select-item.selected:not(.disabled):hover { - background-color: #20a0ff; -} - -.time-select-item.disabled { - color: rgb(209, 219, 229); - cursor: not-allowed; -} - -.time-select-item:hover { - background-color: rgb(228, 232, 241); - cursor: pointer; -} -:root { - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/tooltip.css b/src/css/theme/tooltip.css deleted file mode 100644 index ee43575..0000000 --- a/src/css/theme/tooltip.css +++ /dev/null @@ -1,321 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-tooltip{} - -.el-tooltip__popper{ - position: absolute; - border-radius: 4px; - padding: 10px; - z-index: 2000; - font-size: 12px; - line-height: 1.2; -} - -.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.el-tooltip__popper .popper__arrow { - border-width: 6px; -} - -.el-tooltip__popper .popper__arrow::after { - content: " "; - border-width: 5px; -} - -.el-tooltip__popper[x-placement^="top"]{ - margin-bottom: 12px; -} - -.el-tooltip__popper[x-placement^="top"] .popper__arrow{ - bottom: -6px; - border-top-color: rgb(31, 45, 61); - border-bottom-width: 0; -} - -.el-tooltip__popper[x-placement^="top"] .popper__arrow::after{ - bottom: 1px; - margin-left: -5px; - border-top-color: rgb(31, 45, 61); - border-bottom-width: 0; -} - -.el-tooltip__popper[x-placement^="bottom"]{ - margin-top: 12px; -} - -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow{ - top: -6px; - border-top-width: 0; - border-bottom-color: rgb(31, 45, 61); -} - -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after{ - top: 1px; - margin-left: -5px; - border-top-width: 0; - border-bottom-color: rgb(31, 45, 61); -} - -.el-tooltip__popper[x-placement^="right"]{ - margin-left: 12px; -} - -.el-tooltip__popper[x-placement^="right"] .popper__arrow{ - left: -6px; - border-right-color: rgb(31, 45, 61); - border-left-width: 0; -} - -.el-tooltip__popper[x-placement^="right"] .popper__arrow::after{ - bottom: -5px; - left: 1px; - border-right-color: rgb(31, 45, 61); - border-left-width: 0; -} - -.el-tooltip__popper[x-placement^="left"]{ - margin-right: 12px; -} - -.el-tooltip__popper[x-placement^="left"] .popper__arrow{ - right: -6px; - border-right-width: 0; - border-left-color: rgb(31, 45, 61); -} - -.el-tooltip__popper[x-placement^="left"] .popper__arrow::after{ - right: 1px; - bottom: -5px; - margin-left: -5px; - border-right-width: 0; - border-left-color: rgb(31, 45, 61); -} - -.el-tooltip__popper.is-light{ - background: #fff; - border: 1px solid rgb(31, 45, 61); -} - -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow{ - border-top-color: rgb(31, 45, 61); -} - -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after{ - border-top-color: #fff; -} - -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow{ - border-bottom-color: rgb(31, 45, 61); -} - -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after{ - border-bottom-color: #fff; -} - -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow{ - border-left-color: rgb(31, 45, 61); -} - -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after{ - border-left-color: #fff; -} - -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow{ - border-right-color: rgb(31, 45, 61); -} - -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after{ - border-right-color: #fff; -} - -.el-tooltip__popper.is-dark{ - background: rgb(31, 45, 61); - color: #fff; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/transfer.css b/src/css/theme/transfer.css deleted file mode 100644 index 1f45d04..0000000 --- a/src/css/theme/transfer.css +++ /dev/null @@ -1,1442 +0,0 @@ -.el-transfer-panel .el-transfer-panel__footer:after{ - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-button-group:before, .el-button-group:after{ - display: table; - content: ""; -} -.el-button-group:after{ - clear: both; -}@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-input{ - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input.is-disabled .el-input__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-disabled .el-input__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-input.is-active .el-input__inner{ - outline: none; - border-color: #20a0ff; -} -.el-input__inner{ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid rgb(191, 203, 217); - box-sizing: border-box; - color: rgb(31, 45, 61); - display: inline-block; - font-size: inherit; - height: 36px; - line-height: 1; - outline: none; - padding: 3px 10px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); - width: 100%; -} -.el-input__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-input__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-input__inner:focus{ - outline: none; - border-color: #20a0ff; -} -.el-input__icon{ - position: absolute; - width: 35px; - height: 100%; - right: 0; - top: 0; - text-align: center; - color: rgb(191, 203, 217); - transition: all .3s; -} -.el-input__icon:after{ - content: ''; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__icon + .el-input__inner{ - padding-right: 35px; -} -.el-input__icon.is-clickable{} -.el-input__icon.is-clickable:hover{ - cursor: pointer; - color: rgb(131, 145, 165); -} -.el-input__icon.is-clickable:hover + .el-input__inner{ - border-color: rgb(131, 145, 165); -} -.el-input--large{ - font-size: 16px; -} -.el-input--large .el-input__inner{ - height: 42px; -} -.el-input--small{ - font-size: 13px; -} -.el-input--small .el-input__inner{ - height: 30px; -} -.el-input--mini{ - font-size: 12px; -} -.el-input--mini .el-input__inner{ - height: 22px; -} -.el-input-group{ - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; -} -.el-input-group > .el-input__inner{ - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, .el-input-group__prepend{ - background-color: rgb(251, 253, 255); - color: rgb(151, 168, 190); - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - padding: 0 10px; - width: 1px; - white-space: nowrap; -} -.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button{ - display: block; - margin: -10px; -} -.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{ - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{ - font-size: inherit; -} -.el-input-group__prepend{ - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append{ - border-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--prepend .el-input__inner{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-textarea{ - display: inline-block; - width: 100%; - vertical-align: bottom; -} -.el-textarea.is-disabled .el-textarea__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - color: #bbb; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea.is-disabled .el-textarea__inner::placeholder{ - color: rgb(191, 203, 217); -} -.el-textarea__inner{ - display: block; - resize: vertical; - padding: 5px 7px; - line-height: 1.5; - box-sizing: border-box; - width: 100%; - font-size: 14px; - color: rgb(31, 45, 61); - background-color: #fff; - background-image: none; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - transition: border-color .2s cubic-bezier(.645,.045,.355,1); -} -.el-textarea__inner::-webkit-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:-ms-input-placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner::placeholder{ - color: rgb(151, 168, 190); -} -.el-textarea__inner:hover{ - border-color: rgb(131, 145, 165); -} -.el-textarea__inner:focus{ - outline: none; - border-color: #20a0ff; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-button{ - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-color: #c4c4c4; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; -} -.el-button + .el-button{ - margin-left: 10px; -} -.el-button:hover, .el-button:focus{ - color: #20a0ff; - border-color: #20a0ff; -} -.el-button:active{ - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - outline: none; -} -.el-button::-moz-focus-inner{ - border: 0; -} -.el-button [class*="el-icon-"]{} -.el-button [class*="el-icon-"] + span{ - margin-left: 5px; -} -.el-button.is-loading{ - position: relative; - pointer-events: none; -} -.el-button.is-loading:before{ - pointer-events: none; - content: ''; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255,255,255,.35); -} -.el-button.is-disabled{} -.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); -} -.el-button.is-disabled.el-button--text{ - background-color: transparent; -} -.el-button.is-disabled.is-plain{} -.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus{ - background-color: #fff; - border-color: rgb(209, 219, 229); - color: rgb(191, 203, 217); -} -.el-button.is-active{ - color: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); -} -.el-button.is-plain{} -.el-button.is-plain:hover, .el-button.is-plain:focus{ - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button.is-plain:active{ - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--primary{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; -} -.el-button--primary:hover, .el-button--primary:focus{ - background: rgb(77, 179, 255); - border-color: rgb(77, 179, 255); - color: #fff; -} -.el-button--primary:active{ - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; - outline: none; -} -.el-button--primary.is-active{ - background: rgb(29, 144, 230); - border-color: rgb(29, 144, 230); - color: #fff; -} -.el-button--primary.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus{ - background: #fff; - border-color: #20a0ff; - color: #20a0ff; -} -.el-button--primary.is-plain:active{ - background: #fff; - border-color: rgb(29, 144, 230); - color: rgb(29, 144, 230); - outline: none; -} -.el-button--success{ - color: #fff; - background-color: #13ce66; - border-color: #13ce66; -} -.el-button--success:hover, .el-button--success:focus{ - background: rgb(66, 216, 133); - border-color: rgb(66, 216, 133); - color: #fff; -} -.el-button--success:active{ - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; - outline: none; -} -.el-button--success.is-active{ - background: rgb(17, 185, 92); - border-color: rgb(17, 185, 92); - color: #fff; -} -.el-button--success.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--success.is-plain:hover, .el-button--success.is-plain:focus{ - background: #fff; - border-color: #13ce66; - color: #13ce66; -} -.el-button--success.is-plain:active{ - background: #fff; - border-color: rgb(17, 185, 92); - color: rgb(17, 185, 92); - outline: none; -} -.el-button--warning{ - color: #fff; - background-color: #f7ba2a; - border-color: #f7ba2a; -} -.el-button--warning:hover, .el-button--warning:focus{ - background: rgb(249, 200, 85); - border-color: rgb(249, 200, 85); - color: #fff; -} -.el-button--warning:active{ - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; - outline: none; -} -.el-button--warning.is-active{ - background: rgb(222, 167, 38); - border-color: rgb(222, 167, 38); - color: #fff; -} -.el-button--warning.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus{ - background: #fff; - border-color: #f7ba2a; - color: #f7ba2a; -} -.el-button--warning.is-plain:active{ - background: #fff; - border-color: rgb(222, 167, 38); - color: rgb(222, 167, 38); - outline: none; -} -.el-button--danger{ - color: #fff; - background-color: #ff4949; - border-color: #ff4949; -} -.el-button--danger:hover, .el-button--danger:focus{ - background: rgb(255, 109, 109); - border-color: rgb(255, 109, 109); - color: #fff; -} -.el-button--danger:active{ - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; - outline: none; -} -.el-button--danger.is-active{ - background: rgb(230, 66, 66); - border-color: rgb(230, 66, 66); - color: #fff; -} -.el-button--danger.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus{ - background: #fff; - border-color: #ff4949; - color: #ff4949; -} -.el-button--danger.is-plain:active{ - background: #fff; - border-color: rgb(230, 66, 66); - color: rgb(230, 66, 66); - outline: none; -} -.el-button--info{ - color: #fff; - background-color: #50bfff; - border-color: #50bfff; -} -.el-button--info:hover, .el-button--info:focus{ - background: rgb(115, 204, 255); - border-color: rgb(115, 204, 255); - color: #fff; -} -.el-button--info:active{ - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; - outline: none; -} -.el-button--info.is-active{ - background: rgb(72, 172, 230); - border-color: rgb(72, 172, 230); - color: #fff; -} -.el-button--info.is-plain{ - background: #fff; - border: 1px solid rgb(191, 203, 217); - color: rgb(31, 45, 61); -} -.el-button--info.is-plain:hover, .el-button--info.is-plain:focus{ - background: #fff; - border-color: #50bfff; - color: #50bfff; -} -.el-button--info.is-plain:active{ - background: #fff; - border-color: rgb(72, 172, 230); - color: rgb(72, 172, 230); - outline: none; -} -.el-button--large{ - padding: 11px 19px; - font-size: 16px; - border-radius: 4px; -} -.el-button--small{ - padding: 7px 9px; - font-size: 12px; - border-radius: 4px; -} -.el-button--mini{ - padding: 4px 4px; - font-size: 12px; - border-radius: 4px; -} -.el-button--text{ - border: none; - color: #20a0ff; - background: transparent; - padding-left: 0; - padding-right: 0; -} -.el-button--text:hover, .el-button--text:focus{ - color: rgb(77, 179, 255); -} -.el-button--text:active{ - color: rgb(29, 144, 230); -} -.el-button-group{ - display: inline-block; - vertical-align: middle; -} -.el-button-group .el-button--primary{} -.el-button-group .el-button--primary:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success{} -.el-button-group .el-button--success:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning{} -.el-button-group .el-button--warning:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger{} -.el-button-group .el-button--danger:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info{} -.el-button-group .el-button--info:first-child{ - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:last-child{ - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:not(:first-child):not(:last-child){ - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button{ - float: left; - position: relative; -} -.el-button-group .el-button + .el-button{ - margin-left: 0; -} -.el-button-group .el-button:first-child{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-button-group .el-button:last-child{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-button-group .el-button:not(:first-child):not(:last-child){ - border-radius: 0; -} -.el-button-group .el-button:not(:last-child){ - margin-right: -1px; -} -.el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active{ - z-index: 1; -} -.el-button-group .el-button.is-active{ - z-index: 1; -} -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-checkbox{ - color: rgb(31, 45, 61); - position: relative; - cursor: pointer; - display: inline-block; - white-space: nowrap; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-checkbox + .el-checkbox{ - margin-left: 15px; -} -.el-checkbox__input{ - white-space: nowrap; - cursor: pointer; - outline: none; - display: inline-block; - line-height: 1; - position: relative; - vertical-align: middle; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner{ - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{ - content: ''; - position: absolute; - display: block; - border: 1px solid #fff; - margin-top: -1px; - left: 3px; - right: 3px; - top: 50%; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{ - display: none; -} -.el-checkbox__input.is-focus .el-checkbox__inner{ - border-color: #20a0ff; -} -.el-checkbox__input.is-checked .el-checkbox__inner{ - background-color: #20a0ff; - border-color: rgb(1, 144, 254); -} -.el-checkbox__input.is-checked .el-checkbox__inner::after{ - transform: rotate(45deg) scaleY(1); -} -.el-checkbox__input.is-disabled .el-checkbox__inner{ - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - cursor: not-allowed; -} -.el-checkbox__input.is-disabled .el-checkbox__inner::after{ - cursor: not-allowed; - border-color: rgb(238, 241, 246); -} -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label{ - cursor: not-allowed; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{ - border-color: #fff; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{ - background-color: rgb(209, 219, 229); - border-color: rgb(209, 219, 229); -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{ - border-color: #fff; -} -.el-checkbox__input.is-disabled + .el-checkbox__label{ - color: #bbb; - cursor: not-allowed; -} -.el-checkbox__inner{ - display: inline-block; - position: relative; - border: 1px solid rgb(191, 203, 217); - border-radius: 4px; - box-sizing: border-box; - width: 18px; - height: 18px; - background-color: #fff; - z-index: 1; - transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), - background-color .25s cubic-bezier(.71,-.46,.29,1.46); -} -.el-checkbox__inner:hover{ - border-color: #20a0ff; -} -.el-checkbox__inner::after{ - box-sizing: content-box; - content: ""; - border: 2px solid #fff; - border-left: 0; - border-top: 0; - height: 8px; - left: 5px; - position: absolute; - top: 1px; - transform: rotate(45deg) scaleY(0); - width: 4px; - transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; - transform-origin: center; -} -.el-checkbox__original{ - opacity: 0; - outline: none; - position: absolute; - margin: 0; - width: 0; - height: 0; - left: -999px; -} -.el-checkbox__label{ - font-size: 14px; - padding-left: 5px; -} -.el-checkbox-button{ - position: relative; - display: inline-block; -} -.el-checkbox-button.is-checked{} -.el-checkbox-button.is-checked .el-checkbox-button__inner{ - color: #fff; - background-color: #20a0ff; - border-color: #20a0ff; - box-shadow: -1px 0 0 0 #20a0ff; -} -.el-checkbox-button.is-disabled{} -.el-checkbox-button.is-disabled .el-checkbox-button__inner{ - color: rgb(191, 203, 217); - cursor: not-allowed; - background-image: none; - background-color: rgb(238, 241, 246); - border-color: rgb(209, 219, 229); - box-shadow: none; -} -.el-checkbox-button.is-focus{} -.el-checkbox-button.is-focus .el-checkbox-button__inner{ - border-color: #20a0ff; -} -.el-checkbox-button:first-child .el-checkbox-button__inner{ - border-left: 1px solid rgb(191, 203, 217); - border-radius: 4px 0 0 4px; - box-shadow: none !important; -} -.el-checkbox-button:last-child .el-checkbox-button__inner{ - border-radius: 0 4px 4px 0; -} -.el-checkbox-button__inner{ - display: inline-block; - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid rgb(191, 203, 217); - border-left: 0; - color: rgb(31, 45, 61); - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: none; - margin: 0; - position: relative; - cursor: pointer; - transition: all .3s cubic-bezier(.645,.045,.355,1); - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 10px 15px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button__inner:hover{ - color: #20a0ff; -} -.el-checkbox-button__inner [class*="el-icon-"]{ - line-height: 0.9; -} -.el-checkbox-button__inner [class*="el-icon-"] + span{ - margin-left: 5px; -} -.el-checkbox-button__original{ - opacity: 0; - outline: none; - position: absolute; - margin: 0; - visibility: hidden; - left: -999px; -} -.el-checkbox-button--large{} -.el-checkbox-button--large .el-checkbox-button__inner{ - padding: 11px 19px; - font-size: 16px; - border-radius: 0; -} -.el-checkbox-button--small{} -.el-checkbox-button--small .el-checkbox-button__inner{ - padding: 7px 9px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--mini{} -.el-checkbox-button--mini .el-checkbox-button__inner{ - padding: 4px 4px; - font-size: 12px; - border-radius: 0; -} - -.el-transfer{ - font-size: 14px; -} - -.el-transfer__buttons{ - display: inline-block; - vertical-align: middle; - padding: 0 10px; -} - -.el-transfer__buttons .el-button { - display: block; - margin: 0 auto; - padding: 8px 12px -} - -.el-transfer__buttons .el-button:first-child{ - margin-bottom: 6px; -} - -.el-transfer__buttons .el-button [class*="el-icon-"] + span { - margin-left: 0; -} - -.el-transfer-panel{ - border: 1px solid rgb(209, 219, 229); - background: #fff; - box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); - display: inline-block; - vertical-align: middle; - width: 200px; - box-sizing: border-box; - position: relative; -} - -.el-transfer-panel .el-transfer-panel__header{ - height: 36px; - line-height: 36px; - background: rgb(251, 253, 255); - margin: 0; - padding-left: 20px; - border-bottom: 1px solid rgb(209, 219, 229); - box-sizing: border-box; - color: rgb(31, 45, 61); -} - -.el-transfer-panel .el-transfer-panel__footer{ - height: 36px; - background: #fff; - margin: 0; - padding: 0; - border-top: 1px solid rgb(209, 219, 229); - position: absolute; - bottom: 0; - left: 0; - width: 100%; - z-index: 1; -} - -.el-transfer-panel .el-transfer-panel__footer .el-checkbox{ - padding-left: 20px; - color: rgb(131, 145, 165); -} - -.el-transfer-panel .el-transfer-panel__empty{ - margin: 0; - height: 32px; - line-height: 32px; - padding: 6px 20px 0; - color: rgb(131, 145, 165); -} - -.el-transfer-panel .el-checkbox__label{ - padding-left: 14px; -} - -.el-transfer-panel .el-checkbox__inner{ - width: 14px; - height: 14px; - border-radius: 3px -} - -.el-transfer-panel .el-checkbox__inner::after{ - height: 6px; - width: 3px; - left: 4px; -} - -.el-transfer-panel__body{ - padding-bottom: 36px; - height: 246px; -} - -.el-transfer-panel__list{ - margin: 0; - padding: 6px 0; - list-style: none; - height: 246px; - overflow: auto; - box-sizing: border-box; -} - -.el-transfer-panel__list.is-filterable{ - height: 214px; -} - -.el-transfer-panel__item{ - height: 32px; - line-height: 32px; - padding-left: 20px; - display: block; -} - -.el-transfer-panel__item .el-checkbox__label { - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - box-sizing: border-box; - padding-left: 28px; -} - -.el-transfer-panel__item .el-checkbox__input { - position: absolute; - top: 9px; -} - -.el-transfer-panel__item + .el-transfer-panel__item{ - margin-left: 0; -} - -.el-transfer-panel__item.el-checkbox{ - color: rgb(72, 87, 106); -} - -.el-transfer-panel__item:hover{ - background: rgb(228, 232, 241); -} - -.el-transfer-panel__filter{ - margin-top: 10px; - text-align: center; - padding: 0 10px; - width: 100%; - box-sizing: border-box; -} - -.el-transfer-panel__filter .el-input__inner { - height: 22px; - width: 100%; - display: inline-block; - box-sizing: border-box; -} - -.el-transfer-panel__filter .el-input__icon { - right: 10px; -} - -.el-transfer-panel__filter .el-icon-circle-close { - cursor: pointer; -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/tree.css b/src/css/theme/tree.css deleted file mode 100644 index c663437..0000000 --- a/src/css/theme/tree.css +++ /dev/null @@ -1,280 +0,0 @@ -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-tree{ - cursor: default; - background: #fff; - border: 1px solid rgb(209, 219, 229); -} - -.el-tree__empty-block{ - position: relative; - min-height: 60px; - text-align: center; - width: 100%; - height: 100%; -} - -.el-tree__empty-text{ - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - color: rgb(94, 115, 130); -} - -.el-tree-node{ - white-space: nowrap; -} - -.el-tree-node > .el-tree-node__children{ - overflow: hidden; - background-color: transparent; -} - -.el-tree-node.is-expanded > .el-tree-node__children{ - display: block; -} - -.el-tree-node__content{ - line-height: 36px; - height: 36px; - cursor: pointer; -} - -.el-tree-node__content > .el-checkbox, .el-tree-node__content > .el-tree-node__expand-icon{ - margin-right: 8px; -} - -.el-tree-node__content > .el-checkbox{ - vertical-align: middle; -} - -.el-tree-node__content:hover{ - background: rgb(228, 232, 241); -} - -.el-tree-node__expand-icon{ - display: inline-block; - cursor: pointer; - width: 0; - height: 0; - vertical-align: middle; - margin-left: 10px; - border: 6px solid transparent; - border-right-width: 0; - border-left-color: rgb(151, 168, 190); - border-left-width: 7px; - transform: rotate(0deg); - transition: transform 0.3s ease-in-out; -} - -.el-tree-node__expand-icon:hover{ - border-left-color: #999; -} - -.el-tree-node__expand-icon.expanded{ - transform: rotate(90deg); -} - -.el-tree-node__expand-icon.is-leaf{ - border-color: transparent; - cursor: default; -} - -.el-tree-node__label{ - font-size: 14px; - vertical-align: middle; - display: inline-block; -} - -.el-tree-node__loading-icon{ - display: inline-block; - vertical-align: middle; - margin-right: 4px; - font-size: 14px; - color: rgb(151, 168, 190); -} - -.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { - background-color: rgb(237, 247, 255); -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/css/theme/upload.css b/src/css/theme/upload.css deleted file mode 100644 index 7d71da7..0000000 --- a/src/css/theme/upload.css +++ /dev/null @@ -1,936 +0,0 @@ -.el-upload-cover:after{ - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-upload-list--picture-card .el-upload-list__item-actions:after{ - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-progress-bar__inner:after{ - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -}@charset "UTF-8"; -@charset "UTF-8"; -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} -.el-progress{ - position: relative; - line-height: 1; -} -.el-progress.is-exception .el-progress-bar__inner{ - background-color: #ff4949; -} -.el-progress.is-exception .el-progress__text{ - color: #ff4949; -} -.el-progress.is-success .el-progress-bar__inner{ - background-color: #13ce66; -} -.el-progress.is-success .el-progress__text{ - color: #13ce66; -} -.el-progress__text{ - font-size: 14px; - color: rgb(72, 87, 106); - display: inline-block; - vertical-align: middle; - margin-left: 10px; - line-height: 1; -} -.el-progress__text i{ - vertical-align: middle; - display: block; -} -.el-progress--circle{ - display: inline-block; -} -.el-progress--circle .el-progress__text{ - position: absolute; - top: 50%; - left: 0; - width: 100%; - text-align: center; - margin: 0; - transform: translate(0, -50%); -} -.el-progress--circle .el-progress__text i{ - vertical-align: middle; - display: inline-block; -} -.el-progress--without-text .el-progress__text{ - display: none; -} -.el-progress--without-text .el-progress-bar{ - padding-right: 0; - margin-right: 0; - display: block; -} -.el-progress--text-inside .el-progress-bar{ - padding-right: 0; - margin-right: 0; -} -.el-progress-bar{ - padding-right: 50px; - display: inline-block; - vertical-align: middle; - width: 100%; - margin-right: -55px; - box-sizing: border-box; -} -.el-progress-bar__outer{ - height: 6px; - border-radius: 100px; - background-color: rgb(228, 232, 241); - overflow: hidden; - position: relative; - vertical-align: middle; -} -.el-progress-bar__inner{ - position: absolute; - left: 0; - top: 0; - height: 100%; - border-radius: 2px 0 0 2px; - background-color: #20a0ff; - text-align: right; - border-radius: 100px; - line-height: 1; - white-space: nowrap; -} -.el-progress-bar__innerText{ - display: inline-block; - vertical-align: middle; - color: #fff; - font-size: 12px; - margin: 0 5px; -} -@keyframes progress{ - 0%{ - background-position: 0 0; - } - 100%{ - background-position: 32px 0; - } -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} - -.el-upload{ - display: inline-block; - text-align: center; - cursor: pointer; - /* 照片墙模式 */ -} - -.el-upload iframe{ - position: absolute; - z-index: -1; - top: 0; - left: 0; - opacity: 0; - filter: alpha(opacity=0); -} - -.el-upload__input{ - display: none; -} - -.el-upload__tip{ - font-size: 12px; - color: rgb(131, 145, 165); - margin-top: 7px; -} - -.el-upload--picture-card{ - background-color: #fbfdff; - border: 1px dashed #c0ccda; - border-radius: 6px; - box-sizing: border-box; - width: 148px; - height: 148px; - cursor: pointer; - line-height: 146px; - vertical-align: top; -} - -.el-upload--picture-card i { - font-size: 28px; - color: #8c939d; -} - -.el-upload--picture-card:hover{ - border-color: #20a0ff; - color: #20a0ff; -} - -.el-upload-dragger{ - background-color: #fff; - border: 1px dashed #d9d9d9; - border-radius: 6px; - box-sizing: border-box; - width: 360px; - height: 180px; - text-align: center; - cursor: pointer; - position: relative; - overflow: hidden; -} - -.el-upload-dragger .el-upload__text{ - color: rgb(151, 168, 190); - font-size: 14px; - text-align: center -} - -.el-upload-dragger .el-upload__text em{ - color: #20a0ff; - font-style: normal; -} - -.el-upload-dragger .el-icon-upload{ - font-size: 67px; - color: rgb(151, 168, 190); - margin: 40px 0 16px; - line-height: 50px; -} - -.el-upload-dragger + .el-upload__tip{ - text-align: center; -} - -.el-upload-dragger ~ .el-upload__files{ - border-top: 1px solid rgba(191, 203, 217, 0.2); - margin-top: 7px; - padding-top: 5px; -} - -.el-upload-dragger:hover{ - border-color: #20a0ff; -} - -.el-upload-dragger.is-dragover{ - background-color: rgba(32, 159, 255, .06); - border: 2px dashed #20a0ff; -} - -.el-upload-list{ - margin: 0; - padding: 0; - list-style: none; -} - -.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{ - display: block; -} - -.el-upload-list__item{ - transition: all .5s cubic-bezier(.55,0,.1,1); - font-size: 14px; - color: rgb(72, 87, 106); - line-height: 1.8; - margin-top: 5px; - position: relative; - box-sizing: border-box; - border-radius: 4px; - width: 100%; - position: relative; -} - -.el-upload-list__item .el-progress-bar { - margin-right: 0; - padding-right: 0; -} - -.el-upload-list__item .el-progress{ - position: absolute; - top: 20px; - width: 100%; -} - -.el-upload-list__item .el-progress__text{ - position: absolute; - right: 0; - top: -13px; - right: 0; -} - -.el-upload-list__item:first-child{ - margin-top: 10px; -} - -.el-upload-list__item .el-icon-upload-success{ - color: #13ce66; -} - -.el-upload-list__item .el-icon-close{ - display: none; - position: absolute; - top: 5px; - right: 5px; - cursor: pointer; - opacity: .75; - color: rgb(72, 87, 106); - transform: scale(.7); -} - -.el-upload-list__item .el-icon-close:hover{ - opacity: 1; -} - -.el-upload-list__item:hover{ - background-color: rgb(238, 241, 246); -} - -.el-upload-list__item:hover .el-icon-close{ - display: inline-block; -} - -.el-upload-list__item:hover .el-progress__text{ - display: none; -} - -.el-upload-list__item.is-success .el-upload-list__item-status-label{ - display: block; -} - -.el-upload-list__item.is-success .el-upload-list__item-name:hover{ - color: #20a0ff; - cursor: pointer; -} - -.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{ - display: none; -} - -.el-upload-list__item-name{ - color: rgb(72, 87, 106); - display: block; - margin-right: 40px; - overflow: hidden; - padding-left: 4px; - text-overflow: ellipsis; - transition: color .3s; - white-space: nowrap; -} - -.el-upload-list__item-name [class^="el-icon"] { - color: rgb(151, 168, 190); - margin-right: 7px; - height: 100%; - line-height: inherit; -} - -.el-upload-list__item-status-label{ - position: absolute; - right: 5px; - top: 0; - line-height: inherit; - display: none; -} - -.el-upload-list__item-delete{ - position: absolute; - right: 10px; - top: 0; - font-size: 12px; - color: rgb(72, 87, 106); - display: none; -} - -.el-upload-list__item-delete:hover{ - color: #20a0ff; -} - -.el-upload-list--picture-card{ - margin: 0; - display: inline; - vertical-align: top; -} - -.el-upload-list--picture-card .el-upload-list__item { - overflow: hidden; - background-color: #fff; - border: 1px solid #c0ccda; - border-radius: 6px; - box-sizing: border-box; - width: 148px; - height: 148px; - margin: 0 8px 8px 0; - display: inline-block -} - -.el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{ - color: #fff; -} - -.el-upload-list--picture-card .el-upload-list__item .el-icon-close{ - display: none; -} - -.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{ - display: none; -} - -.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{ - display: block; -} - -.el-upload-list--picture-card .el-upload-list__item-name { - display: none; -} - -.el-upload-list--picture-card .el-upload-list__item-thumbnail { - width: 100%; - height: 100%; -} - -.el-upload-list--picture-card .el-upload-list__item-status-label { - position: absolute; - right: -15px; - top: -6px; - width: 40px; - height: 24px; - background: #13ce66; - text-align: center; - transform: rotate(45deg); - box-shadow: 0 0 1pc 1px rgba(0,0,0,0.2); -} - -.el-upload-list--picture-card .el-upload-list__item-status-label i { - font-size: 12px; - margin-top: 11px; - transform: rotate(-45deg) scale(0.8); -} - -.el-upload-list--picture-card .el-upload-list__item-actions { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - cursor: default; - text-align: center; - color: #fff; - opacity: 0; - font-size: 20px; - background-color: rgba(0, 0, 0, .5); - transition: opacity .3s; -} - -.el-upload-list--picture-card .el-upload-list__item-actions span { - display: none; - cursor: pointer; -} - -.el-upload-list--picture-card .el-upload-list__item-actions span + span { - margin-left: 15px; -} - -.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { - position: static; - font-size: inherit; - color: inherit; -} - -.el-upload-list--picture-card .el-upload-list__item-actions:hover{ - opacity: 1; -} - -.el-upload-list--picture-card .el-upload-list__item-actions:hover span{ - display: inline-block; -} - -.el-upload-list--picture-card .el-progress { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - bottom: auto; - width: 126px; -} - -.el-upload-list--picture-card .el-progress .el-progress__text { - top: 50%; -} - -.el-upload-list--picture .el-upload-list__item { - overflow: hidden; - background-color: #fff; - border: 1px solid #c0ccda; - border-radius: 6px; - box-sizing: border-box; - margin-top: 10px; - padding: 10px 10px 10px 90px; - height: 92px -} - -.el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check{ - color: #fff; -} - -.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{ - background: transparent; - box-shadow: none; - top: -2px; - right: -12px; -} - -.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{ - display: block; -} - -.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{ - line-height: 70px; - margin-top: 0; -} - -.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{ - display: none; -} - -.el-upload-list--picture .el-upload-list__item-thumbnail { - vertical-align: middle; - display: inline-block; - width: 70px; - height: 70px; - float: left; - position: relative; - z-index: 1; - margin-left: -80px; -} - -.el-upload-list--picture .el-upload-list__item-name { - display: block; - margin-top: 20px; -} - -.el-upload-list--picture .el-upload-list__item-name i { - font-size: 70px; - line-height: 1; - position: absolute; - left: 9px; - top: 10px; -} - -.el-upload-list--picture .el-upload-list__item-status-label { - position: absolute; - right: -17px; - top: -7px; - width: 46px; - height: 26px; - background: #13ce66; - text-align: center; - transform: rotate(45deg); - box-shadow: 0 1px 1px #ccc; -} - -.el-upload-list--picture .el-upload-list__item-status-label i { - font-size: 12px; - margin-top: 12px; - transform: rotate(-45deg) scale(0.8); -} - -.el-upload-list--picture .el-progress { - position: relative; - top: -7px; -} - -.el-upload-cover{ - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: hidden; - z-index: 10; - cursor: default; -} - -.el-upload-cover img{ - display: block; - width: 100%; - height: 100%; -} - -.el-upload-cover + .el-upload__inner{ - opacity: 0; - position: relative; - z-index: 1; -} - -.el-upload-cover__label{ - position: absolute; - right: -15px; - top: -6px; - width: 40px; - height: 24px; - background: #13ce66; - text-align: center; - transform: rotate(45deg); - box-shadow: 0 0 1pc 1px rgba(0,0,0,0.2); -} - -.el-upload-cover__label i { - font-size: 12px; - margin-top: 11px; - transform: rotate(-45deg) scale(0.8); - color: #fff; -} - -.el-upload-cover__progress{ - display: inline-block; - vertical-align: middle; - position: static; - width: 243px; -} - -.el-upload-cover__progress + .el-upload__inner{ - opacity: 0; -} - -.el-upload-cover__content{ - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.el-upload-cover__interact{ - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.72); - text-align: center; -} - -.el-upload-cover__interact .btn{ - display: inline-block; - color: #fff; - font-size: 14px; - cursor: pointer; - vertical-align: middle; - transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; - margin-top: 60px; -} - -.el-upload-cover__interact .btn i{ - margin-top: 0; -} - -.el-upload-cover__interact .btn span{ - opacity: 0; - transition: opacity .15s linear; -} - -.el-upload-cover__interact .btn:not(:first-child){ - margin-left: 35px; -} - -.el-upload-cover__interact .btn:hover{ - transform: translateY(-13px); -} - -.el-upload-cover__interact .btn:hover span{ - opacity: 1; -} - -.el-upload-cover__interact .btn i{ - color: #fff; - display: block; - font-size: 24px; - line-height: inherit; - margin: 0 auto 5px; -} - -.el-upload-cover__title{ - position: absolute; - bottom: 0; - left: 0; - background-color: #fff; - height: 36px; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: 400; - text-align: left; - padding: 0 10px; - margin: 0; - line-height: 36px; - font-size: 14px; - color: rgb(72, 87, 106); -} -:root{ - /* Transition - -------------------------- */ - /* Colors - -------------------------- */ - /* Link - -------------------------- */ - /* Border - -------------------------- */ - /* Box-shadow - -------------------------- */ - /* Fill - -------------------------- */ - /* Font - -------------------------- */ - /* Size - -------------------------- */ - /* z-index - -------------------------- */ - /* Disable base - -------------------------- */ - /* Icon - -------------------------- */ - /* Checkbox - -------------------------- */ - /* Radio - -------------------------- */ - /* Select - -------------------------- */ - /* Alert - -------------------------- */ - /* Message Box - -------------------------- */ - /* Message - -------------------------- */ - /* Notification - -------------------------- */ - /* Input - -------------------------- */ - /* Cascader - -------------------------- */ - /* Group - -------------------------- */ - /* Tab - -------------------------- */ - /* Button - -------------------------- */ - /* cascader - -------------------------- */ - /* Switch - -------------------------- */ - /* Dialog - -------------------------- */ - /* Table - -------------------------- */ - /* Pagination - -------------------------- */ - /* Popover - -------------------------- */ - /* Tooltip - -------------------------- */ - /* Tag - -------------------------- */ - /* Dropdown - -------------------------- */ - /* Badge - -------------------------- */ - /* Card - --------------------------*/ - /* Slider - --------------------------*/ - /* Steps - --------------------------*/ - /* Menu - --------------------------*/ - /* Rate - --------------------------*/ - /* DatePicker - --------------------------*/ - /* Loading - --------------------------*/ - /* Scrollbar - --------------------------*/ - /* Carousel - --------------------------*/ - /* Collapse - --------------------------*/ - /* Transfer - --------------------------*/ -} \ No newline at end of file diff --git a/src/main.js b/src/main.js index 75b30ba..08bda05 100644 --- a/src/main.js +++ b/src/main.js @@ -7,8 +7,7 @@ import axios from "./common/axios"; import filters from "./filters"; import VueProgressBar from "vue-progressbar"; import Element from "element-ui"; -// import 'element-ui/lib/theme-default/index.css'; -// import "./css/theme/index.css"; +import 'element-ui/lib/theme-default/index.css'; import ImpPanel from "./components/panel.vue"; Vue.prototype.$http = axios