| 1 | @import "../core/index-noreset.scss";
|
| 2 | @import "./rtl.scss";
|
| 3 |
|
| 4 | @font-face {
|
| 5 | font-family: $icon-font-family;
|
| 6 | src: url('#{$icon-font-path}.eot');
|
| 7 | src:
|
| 8 | url('#{$icon-font-path}.eot?#iefix') format('embedded-opentype'),
|
| 9 | url('#{$icon-font-path}.woff2') format('woff2'),
|
| 10 | url('#{$icon-font-path}.woff') format('woff'),
|
| 11 | url('#{$icon-font-path}.ttf') format('truetype'),
|
| 12 | url('#{$icon-font-path}.svg#NextIcon') format('svg');
|
| 13 | font-display: swap;
|
| 14 | }
|
| 15 |
|
| 16 | .#{$icon-prefix} {
|
| 17 | display: inline-block;
|
| 18 | font-family: $icon-font-family;
|
| 19 | font-style: normal;
|
| 20 | font-weight: normal;
|
| 21 | text-transform: none;
|
| 22 | -webkit-font-smoothing: antialiased;
|
| 23 | -moz-osx-font-smoothing: grayscale;
|
| 24 |
|
| 25 | &:before {
|
| 26 | display: inline-block;
|
| 27 | vertical-align: middle;
|
| 28 | text-align: center;
|
| 29 | }
|
| 30 |
|
| 31 | &-smile:before { content: $icon-content-smile; }
|
| 32 | &-cry:before { content: $icon-content-cry; }
|
| 33 | &-success:before { content: $icon-content-success; }
|
| 34 | &-warning:before { content: $icon-content-warning; }
|
| 35 | &-prompt:before { content: $icon-content-prompt; }
|
| 36 | &-error:before { content: $icon-content-error; }
|
| 37 | &-help:before { content: $icon-content-help; }
|
| 38 | &-clock:before { content: $icon-content-clock; }
|
| 39 | &-success-filling:before { content: $icon-content-success-filling; }
|
| 40 | &-delete-filling:before { content: $icon-content-delete-filling; }
|
| 41 | &-favorites-filling:before { content: $icon-content-favorites-filling; }
|
| 42 | &-add:before { content: $icon-content-add; }
|
| 43 | &-minus:before { content: $icon-content-minus; }
|
| 44 | &-arrow-up:before { content: $icon-content-arrow-up; }
|
| 45 | &-arrow-down:before { content: $icon-content-arrow-down; }
|
| 46 | &-arrow-left:before { content: $icon-content-arrow-left; }
|
| 47 | &-arrow-right:before { content: $icon-content-arrow-right; }
|
| 48 | &-arrow-double-left:before { content: $icon-content-arrow-double-left; }
|
| 49 | &-arrow-double-right:before { content: $icon-content-arrow-double-right; }
|
| 50 | &-switch:before { content: $icon-content-switch; }
|
| 51 | &-sorting:before { content: $icon-content-sorting; }
|
| 52 | &-descending:before { content: $icon-content-descending; }
|
| 53 | &-ascending:before { content: $icon-content-ascending; }
|
| 54 | &-select:before { content: $icon-content-select; }
|
| 55 | &-semi-select:before { content: $icon-content-semi-select; }
|
| 56 | &-search:before { content: $icon-content-search; }
|
| 57 | &-close:before { content: $icon-content-close; }
|
| 58 | &-ellipsis:before { content: $icon-content-ellipsis; }
|
| 59 | &-picture:before { content: $icon-content-picture; }
|
| 60 | &-calendar:before { content: $icon-content-calendar; }
|
| 61 | &-ashbin:before { content: $icon-content-ashbin; }
|
| 62 | &-upload:before { content: $icon-content-upload; }
|
| 63 | &-download:before { content: $icon-content-download; }
|
| 64 | &-set:before { content: $icon-content-set; }
|
| 65 | &-edit:before { content: $icon-content-edit; }
|
| 66 | &-refresh:before { content: $icon-content-refresh; }
|
| 67 | &-filter:before { content: $icon-content-filter; }
|
| 68 | &-attachment:before { content: $icon-content-attachment; }
|
| 69 | &-account:before { content: $icon-content-account; }
|
| 70 | &-email:before { content: $icon-content-email; }
|
| 71 | &-atm:before { content: $icon-content-atm; }
|
| 72 | &-loading:before {
|
| 73 | content: $icon-content-loading;
|
| 74 | animation: loadingCircle 1s infinite linear;
|
| 75 | }
|
| 76 | &-eye:before { content: $icon-content-eye; }
|
| 77 | &-copy:before { content: $icon-content-copy; }
|
| 78 | &-toggle-left:before { content: $icon-content-toggle-left; }
|
| 79 | &-toggle-right:before { content: $icon-content-toggle-right; }
|
| 80 | &-eye-close:before { content: $icon-content-eye-close; }
|
| 81 | &-unlock:before { content: $icon-content-unlock; }
|
| 82 | &-lock:before { content: $icon-content-lock; }
|
| 83 | &-exit:before { content: $icon-content-exit; }
|
| 84 | &-chart-bar:before { content: $icon-content-chart-bar; }
|
| 85 | &-chart-pie:before { content: $icon-content-chart-pie; }
|
| 86 | &-form:before { content: $icon-content-form; }
|
| 87 | &-detail:before { content: $icon-content-detail; }
|
| 88 | &-list:before { content: $icon-content-list; }
|
| 89 | &-dashboard:before { content: $icon-content-dashboard; }
|
| 90 | }
|
| 91 |
|
| 92 | @keyframes loadingCircle {
|
| 93 | 0% {
|
| 94 | transform-origin: 50% 50%;
|
| 95 | transform: rotate(0deg);
|
| 96 | }
|
| 97 |
|
| 98 | 100% {
|
| 99 | transform-origin: 50% 50%;
|
| 100 | transform: rotate(360deg);
|
| 101 | }
|
| 102 | }
|
| 103 |
|
| 104 | .#{$icon-prefix}.#{$css-prefix} {
|
| 105 | &xxs {
|
| 106 | @include icon-size($icon-xxs);
|
| 107 | }
|
| 108 |
|
| 109 | &xs {
|
| 110 | @include icon-size($icon-xs);
|
| 111 | }
|
| 112 |
|
| 113 | &small {
|
| 114 | @include icon-size($icon-s);
|
| 115 | }
|
| 116 |
|
| 117 | &medium {
|
| 118 | @include icon-size($icon-m);
|
| 119 | }
|
| 120 |
|
| 121 | &large {
|
| 122 | @include icon-size($icon-l);
|
| 123 | }
|
| 124 |
|
| 125 | &xl {
|
| 126 | @include icon-size($icon-xl);
|
| 127 | }
|
| 128 |
|
| 129 | &xxl {
|
| 130 | @include icon-size($icon-xxl);
|
| 131 | }
|
| 132 |
|
| 133 | &xxxl {
|
| 134 | @include icon-size($icon-xxxl);
|
| 135 | }
|
| 136 |
|
| 137 | &inherit {
|
| 138 | @include icon-size(inherit);
|
| 139 | }
|
| 140 | }
|
| 141 |
|
| 142 | .#{$icon-prefix} {
|
| 143 | &.#{$css-prefix}inherit .#{$css-prefix}icon-remote,
|
| 144 | .#{$css-prefix}icon-remote {
|
| 145 | width: 1em;
|
| 146 | height: 1em;
|
| 147 | vertical-align: middle;
|
| 148 | fill: currentColor;
|
| 149 | }
|
| 150 | }
|