Brak opisu

base.css 13KB

    /* 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); } }