mirror of https://github.com/ElemeFE/element
187 lines
4.3 KiB
SCSS
187 lines
4.3 KiB
SCSS
@import "common/var";
|
|
|
|
@font-face {
|
|
font-family: 'element-icons';
|
|
src: url('#{$--font-path}/element-icons.woff') format('woff'), /* chrome, firefox */
|
|
url('#{$--font-path}/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 {
|
|
animation: rotating 2s linear infinite;
|
|
}
|
|
|
|
.el-icon--right {
|
|
margin-left: 5px;
|
|
}
|
|
.el-icon--left {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
@keyframes rotating {
|
|
0% {
|
|
transform: rotateZ(0deg);
|
|
}
|
|
100% {
|
|
transform: rotateZ(360deg);
|
|
}
|
|
}
|