594 lines
13 KiB
Python
594 lines
13 KiB
Python
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Colors
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Background
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Box-shadow
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Font
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* Message Box
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
.fade-in-linear-enter-active,
|
|
.fade-in-linear-leave-active {
|
|
-webkit-transition: opacity 200ms linear;
|
|
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 {
|
|
-webkit-transition: opacity 200ms linear;
|
|
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 {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 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 {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
|
|
|
|
.el-zoom-in-center-enter,
|
|
.el-zoom-in-center-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0); }
|
|
|
|
.el-zoom-in-top-enter-active,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center top;
|
|
transform-origin: center top; }
|
|
|
|
.el-zoom-in-top-enter,
|
|
.el-zoom-in-top-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0); }
|
|
|
|
.el-zoom-in-bottom-enter-active,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom; }
|
|
|
|
.el-zoom-in-bottom-enter,
|
|
.el-zoom-in-bottom-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0); }
|
|
|
|
.el-zoom-in-left-enter-active,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left; }
|
|
|
|
.el-zoom-in-left-enter,
|
|
.el-zoom-in-left-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.45, 0.45);
|
|
transform: scale(0.45, 0.45); }
|
|
|
|
.collapse-transition {
|
|
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
|
|
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
|
|
|
|
.horizontal-collapse-transition {
|
|
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
|
|
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 {
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s; }
|
|
|
|
.el-list-enter, .el-list-leave-active {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px); }
|
|
|
|
.el-opacity-transition {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
|
|
|
|
/* Element Chalk Variables */
|
|
/* Transition
|
|
-------------------------- */
|
|
/* Colors
|
|
-------------------------- */
|
|
/* 53a8ff */
|
|
/* 66b1ff */
|
|
/* 79bbff */
|
|
/* 8cc5ff */
|
|
/* a0cfff */
|
|
/* b3d8ff */
|
|
/* c6e2ff */
|
|
/* d9ecff */
|
|
/* ecf5ff */
|
|
/* Link
|
|
-------------------------- */
|
|
/* Background
|
|
-------------------------- */
|
|
/* Border
|
|
-------------------------- */
|
|
/* Box-shadow
|
|
-------------------------- */
|
|
/* Fill
|
|
-------------------------- */
|
|
/* Font
|
|
-------------------------- */
|
|
/* Size
|
|
-------------------------- */
|
|
/* z-index
|
|
-------------------------- */
|
|
/* Disable base
|
|
-------------------------- */
|
|
/* Icon
|
|
-------------------------- */
|
|
/* Checkbox
|
|
-------------------------- */
|
|
/* Radio
|
|
-------------------------- */
|
|
/* Select
|
|
-------------------------- */
|
|
/* Alert
|
|
-------------------------- */
|
|
/* Message Box
|
|
-------------------------- */
|
|
/* Message
|
|
-------------------------- */
|
|
/* Notification
|
|
-------------------------- */
|
|
/* Input
|
|
-------------------------- */
|
|
/* Cascader
|
|
-------------------------- */
|
|
/* Group
|
|
-------------------------- */
|
|
/* Tab
|
|
-------------------------- */
|
|
/* Button
|
|
-------------------------- */
|
|
/* cascader
|
|
-------------------------- */
|
|
/* Switch
|
|
-------------------------- */
|
|
/* Dialog
|
|
-------------------------- */
|
|
/* Table
|
|
-------------------------- */
|
|
/* Pagination
|
|
-------------------------- */
|
|
/* Popover
|
|
-------------------------- */
|
|
/* Tooltip
|
|
-------------------------- */
|
|
/* Tag
|
|
-------------------------- */
|
|
/* Tree
|
|
-------------------------- */
|
|
/* Dropdown
|
|
-------------------------- */
|
|
/* Badge
|
|
-------------------------- */
|
|
/* Card
|
|
--------------------------*/
|
|
/* Slider
|
|
--------------------------*/
|
|
/* Steps
|
|
--------------------------*/
|
|
/* Menu
|
|
--------------------------*/
|
|
/* Rate
|
|
--------------------------*/
|
|
/* DatePicker
|
|
--------------------------*/
|
|
/* Loading
|
|
--------------------------*/
|
|
/* Scrollbar
|
|
--------------------------*/
|
|
/* Carousel
|
|
--------------------------*/
|
|
/* Collapse
|
|
--------------------------*/
|
|
/* Transfer
|
|
--------------------------*/
|
|
/* Header
|
|
--------------------------*/
|
|
/* Footer
|
|
--------------------------*/
|
|
/* Main
|
|
--------------------------*/
|
|
/* Break-point
|
|
--------------------------*/
|
|
@font-face {
|
|
font-family: 'element-icons';
|
|
src: url("fonts/element-icons.woff") format("woff"), url("fonts/element-icons.ttf") format("truetype");
|
|
/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
|
font-weight: normal;
|
|
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: normal;
|
|
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-info:before {
|
|
content: "\e61a"; }
|
|
|
|
.el-icon-error:before {
|
|
content: "\e62c"; }
|
|
|
|
.el-icon-success:before {
|
|
content: "\e62d"; }
|
|
|
|
.el-icon-warning:before {
|
|
content: "\e62e"; }
|
|
|
|
.el-icon-question:before {
|
|
content: "\e634"; }
|
|
|
|
.el-icon-back:before {
|
|
content: "\e606"; }
|
|
|
|
.el-icon-arrow-left:before {
|
|
content: "\e600"; }
|
|
|
|
.el-icon-arrow-down:before {
|
|
content: "\e603"; }
|
|
|
|
.el-icon-arrow-right:before {
|
|
content: "\e604"; }
|
|
|
|
.el-icon-arrow-up:before {
|
|
content: "\e605"; }
|
|
|
|
.el-icon-caret-left:before {
|
|
content: "\e60a"; }
|
|
|
|
.el-icon-caret-bottom:before {
|
|
content: "\e60b"; }
|
|
|
|
.el-icon-caret-top:before {
|
|
content: "\e60c"; }
|
|
|
|
.el-icon-caret-right:before {
|
|
content: "\e60e"; }
|
|
|
|
.el-icon-d-arrow-left:before {
|
|
content: "\e610"; }
|
|
|
|
.el-icon-d-arrow-right:before {
|
|
content: "\e613"; }
|
|
|
|
.el-icon-minus:before {
|
|
content: "\e621"; }
|
|
|
|
.el-icon-plus:before {
|
|
content: "\e62b"; }
|
|
|
|
.el-icon-remove:before {
|
|
content: "\e635"; }
|
|
|
|
.el-icon-circle-plus:before {
|
|
content: "\e601"; }
|
|
|
|
.el-icon-remove-outline:before {
|
|
content: "\e63c"; }
|
|
|
|
.el-icon-circle-plus-outline:before {
|
|
content: "\e602"; }
|
|
|
|
.el-icon-close:before {
|
|
content: "\e60f"; }
|
|
|
|
.el-icon-check:before {
|
|
content: "\e611"; }
|
|
|
|
.el-icon-circle-close:before {
|
|
content: "\e607"; }
|
|
|
|
.el-icon-circle-check:before {
|
|
content: "\e639"; }
|
|
|
|
.el-icon-circle-close-outline:before {
|
|
content: "\e609"; }
|
|
|
|
.el-icon-circle-check-outline:before {
|
|
content: "\e63e"; }
|
|
|
|
.el-icon-zoom-out:before {
|
|
content: "\e645"; }
|
|
|
|
.el-icon-zoom-in:before {
|
|
content: "\e641"; }
|
|
|
|
.el-icon-d-caret:before {
|
|
content: "\e615"; }
|
|
|
|
.el-icon-sort:before {
|
|
content: "\e640"; }
|
|
|
|
.el-icon-sort-down:before {
|
|
content: "\e630"; }
|
|
|
|
.el-icon-sort-up:before {
|
|
content: "\e631"; }
|
|
|
|
.el-icon-tickets:before {
|
|
content: "\e63f"; }
|
|
|
|
.el-icon-document:before {
|
|
content: "\e614"; }
|
|
|
|
.el-icon-goods:before {
|
|
content: "\e618"; }
|
|
|
|
.el-icon-sold-out:before {
|
|
content: "\e63b"; }
|
|
|
|
.el-icon-news:before {
|
|
content: "\e625"; }
|
|
|
|
.el-icon-message:before {
|
|
content: "\e61b"; }
|
|
|
|
.el-icon-date:before {
|
|
content: "\e608"; }
|
|
|
|
.el-icon-printer:before {
|
|
content: "\e62f"; }
|
|
|
|
.el-icon-time:before {
|
|
content: "\e642"; }
|
|
|
|
.el-icon-bell:before {
|
|
content: "\e622"; }
|
|
|
|
.el-icon-mobile-phone:before {
|
|
content: "\e624"; }
|
|
|
|
.el-icon-service:before {
|
|
content: "\e63a"; }
|
|
|
|
.el-icon-view:before {
|
|
content: "\e643"; }
|
|
|
|
.el-icon-menu:before {
|
|
content: "\e620"; }
|
|
|
|
.el-icon-more:before {
|
|
content: "\e646"; }
|
|
|
|
.el-icon-more-outline:before {
|
|
content: "\e626"; }
|
|
|
|
.el-icon-star-on:before {
|
|
content: "\e637"; }
|
|
|
|
.el-icon-star-off:before {
|
|
content: "\e63d"; }
|
|
|
|
.el-icon-location:before {
|
|
content: "\e61d"; }
|
|
|
|
.el-icon-location-outline:before {
|
|
content: "\e61f"; }
|
|
|
|
.el-icon-phone:before {
|
|
content: "\e627"; }
|
|
|
|
.el-icon-phone-outline:before {
|
|
content: "\e628"; }
|
|
|
|
.el-icon-picture:before {
|
|
content: "\e629"; }
|
|
|
|
.el-icon-picture-outline:before {
|
|
content: "\e62a"; }
|
|
|
|
.el-icon-delete:before {
|
|
content: "\e612"; }
|
|
|
|
.el-icon-search:before {
|
|
content: "\e619"; }
|
|
|
|
.el-icon-edit:before {
|
|
content: "\e61c"; }
|
|
|
|
.el-icon-edit-outline:before {
|
|
content: "\e616"; }
|
|
|
|
.el-icon-rank:before {
|
|
content: "\e632"; }
|
|
|
|
.el-icon-refresh:before {
|
|
content: "\e633"; }
|
|
|
|
.el-icon-share:before {
|
|
content: "\e636"; }
|
|
|
|
.el-icon-setting:before {
|
|
content: "\e638"; }
|
|
|
|
.el-icon-upload:before {
|
|
content: "\e60d"; }
|
|
|
|
.el-icon-upload2:before {
|
|
content: "\e644"; }
|
|
|
|
.el-icon-download:before {
|
|
content: "\e617"; }
|
|
|
|
.el-icon-loading:before {
|
|
content: "\e61e"; }
|
|
|
|
.el-icon-loading {
|
|
-webkit-animation: rotating 2s linear infinite;
|
|
animation: rotating 2s linear infinite; }
|
|
|
|
.el-icon--right {
|
|
margin-left: 5px; }
|
|
|
|
.el-icon--left {
|
|
margin-right: 5px; }
|
|
|
|
@-webkit-keyframes rotating {
|
|
0% {
|
|
-webkit-transform: rotateZ(0deg);
|
|
transform: rotateZ(0deg); }
|
|
100% {
|
|
-webkit-transform: rotateZ(360deg);
|
|
transform: rotateZ(360deg); } }
|
|
|
|
@keyframes rotating {
|
|
0% {
|
|
-webkit-transform: rotateZ(0deg);
|
|
transform: rotateZ(0deg); }
|
|
100% {
|
|
-webkit-transform: rotateZ(360deg);
|
|
transform: rotateZ(360deg); } }
|