/* * font generated with https://icomoon.io/app * * all icons are Material Design icons by Google * https://github.com/google/material-design-icons/blob/master/LICENSE * * see README for more about flat theme icons */ @import "../variables"; @font-face { font-family: 'flat-icon'; src:url('fonts/flat-icon.eot?90nq1s'); src:url('fonts/flat-icon.eot?#iefix90nq1s') format('embedded-opentype'), url('fonts/flat-icon.ttf?90nq1s') format('truetype'), url('fonts/flat-icon.woff?90nq1s') format('woff'), url('fonts/flat-icon.svg?90nq1s#flat-icon') format('svg'); font-weight: normal; font-style: normal; } [class^="flat-"], [class*=" flat-"] { font-family: 'flat-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } // dijit icon classes .dijitIcon, .dijitEditorIcon { _icon-core-style(); font-size: 16px; width: 16px; height: 16px; } // icon classes and dijit aliases .flat-drop-left:before { content: "\f000"; } .flat-drop-right:before { content: "\f001"; } .flat-drop-down:before { content: "\f002"; } .flat-drop-up:before { content: "\f003"; } .flat-chevron-left:before { content: "\f004"; } .flat-chevron-right:before { content: "\f005"; } .flat-chevron-down:before { content: "\f006"; } .flat-chevron-up:before { content: "\f007"; } .flat-arrow-left:before { content: "\f008"; } .flat-arrow-right:before { content: "\f009"; } .flat-arrow-down:before { content: "\f00a"; } .flat-arrow-up:before { content: "\f00b"; } .flat-check:before { content: "\f00c"; } .flat-check-circle:before { content: "\f00d"; } .flat-close:before { content: "\f00e"; } .dijitIconClear:before, .flat-close-circle:before { content: "\f00f"; } .dijitEditorIconCancel:before, .flat-close-circle-o:before { content: "\f010"; } .flat-add:before { content: "\f011"; } .flat-remove:before { content: "\f012"; } .flat-add-circle:before { content: "\f013"; } .flat-remove-circle:before { content: "\f014"; } .flat-add-circle-o:before { content: "\f015"; } .flat-remove-circle-o:before { content: "\f016"; } .dijitIconError:before, .flat-error:before { content: "\f017"; } .flat-error-o:before { content: "\f018"; } .flat-warning:before { content: "\f019"; } .flat-report:before { content: "\f01a"; } .flat-help:before { content: "\f01b"; } .flat-no-symbol:before { content: "\f01c"; } .flat-update:before { content: "\f01d"; } .flat-calendar:before { content: "\f01e"; } .flat-clock:before { content: "\f01f"; } .dijitFolderClosed:before, .dijitIconFolderClosed:before, .flat-folder:before { content: "\f020"; } .dijitFolderOpened:before, .dijitIconFolderOpen:before, .flat-folder-open:before { content: "\f021"; } .dijitIconEdit:before, .flat-edit:before { content: "\f022"; } .dijitIconSave:before, .dijitEditorIconSave:before, .flat-save:before { content: "\f023"; } .dijitIconPrint:before, .dijitEditorIconPrint:before, .flat-print:before { content: "\f024"; } .dijitIconDelete:before, .dijitEditorIconDelete:before, .flat-delete:before { content: "\f025"; } .dijitLeaf:before, .flat-page:before { content: "\f026"; } .flat-page-o:before { content: "\f027"; } .flat-page-add:before { content: "\f028"; } .flat-page-remove:before { content: "\f029"; } .flat-page-add-o:before { content: "\f02a"; } .flat-page-remove-o:before { content: "\f02b"; } .dijitIconFile:before, .flat-file:before { content: "\f02c"; } .dijitIconMail:before, .flat-mail:before { content: "\f02d"; } .dijitIconDatabase:before, .flat-storage:before { content: "\f02e"; } .dijitIconConfigure:before, .flat-settings:before { content: "\f02f"; } .dijitIconSearch:before, .flat-search:before { content: "\f030"; } .dijitIconBookmark:before, .flat-bookmark:before { content: "\f031"; } .flat-menu:before { content: "\f032"; } .dijitIconApplication:before, .flat-application:before { content: "\f033"; } .dijitIconKey:before, .flat-key:before { content: "\f034"; } .dijitIconTable:before, .dijitEditorIconInsertTable:before, .flat-table:before { content: "\f035"; } .flat-grid:before { content: "\f036"; } .dijitIconChart:before, .flat-chart:before { content: "\f037"; } .dijitIconFilter:before, .flat-filter:before { content: "\f038"; } .dijitIconFunction:before, .flat-function:before { content: "\f039"; } .flat-user:before { content: "\f03a"; } .dijitIconUsers:before, .flat-users:before { content: "\f03b"; } .dijitIconConnector:before, .flat-connector:before { content: "\f03c"; } .dijitIconDocuments:before, .flat-documents:before { content: "\f03d"; } .dijitIconEditProperty:before, .flat-edit-property:before { content: "\f03e"; } .dijitIconTask:before, .flat-task:before { content: "\f03f"; } .dijitIconNewTask:before, .flat-task-new:before { content: "\f040"; } .dijitIconEditTask:before, .flat-task-edit:before { content: "\f041"; } .dijitIconSample:before, .flat-sample:before { content: "\f042"; } .dijitIconPackage:before, .flat-package:before { content: "\f043"; } .dijitEditorIconUndo:before, .flat-undo:before { content: "\f044"; } .dijitEditorIconRedo:before, .flat-redo:before { content: "\f045"; } .dijitIconCopy:before, .dijitEditorIconCopy:before, .flat-copy:before { content: "\f046"; } .dijitIconCut:before, .dijitEditorIconCut:before, .flat-cut:before { content: "\f047"; } .dijitEditorIconPaste:before, .flat-paste:before { content: "\f048"; } .dijitEditorIconBold:before, .flat-bold:before { content: "\f049"; } .dijitEditorIconItalic:before, .flat-italic:before { content: "\f04a"; } .dijitEditorIconUnderline:before, .flat-underline:before { content: "\f04b"; } .dijitEditorIconStrikethrough:before, .flat-strikethrough:before { content: "\f04c"; } .dijitEditorIconRemoveFormat:before, .flat-clear-format:before { content: "\f04d"; } .flat-quote:before { content: "\f04e"; } .dijitEditorIconSuperscript:before, .flat-superscript:before { content: "\f04f"; } .dijitEditorIconSubscript:before, .flat-subscript:before { content: "\f050"; } .dijitEditorIconForeColor:before, .flat-color-text:before { content: "\f051"; } .dijitEditorIconBackColor:before, .flat-color-fill:before { content: "\f052"; } .dijitEditorIconHiliteColor:before, .flat-color-highlight:before { content: "\f053"; } .flat-font-size:before { content: "\f054"; } .dijitEditorIconJustifyCenter:before, .flat-align-center:before { content: "\f055"; } .dijitEditorIconJustifyFull:before, .flat-align-justify:before { content: "\f056"; } .dijitEditorIconJustifyLeft:before, .flat-align-left:before { content: "\f057"; } .dijitEditorIconJustifyRight:before, .flat-align-right:before { content: "\f058"; } .dijitEditorIconIndent:before, .flat-indent:before { content: "\f059"; } .dijitEditorIconOutdent:before, .flat-outdent:before { content: "\f05a"; } .flat-sort:before { content: "\f05b"; } .dijitEditorIconSpace:before, .flat-keyboard-space:before { content: "\f05c"; } .dijitEditorIconTabIndent:before, .flat-keyboard-tab:before { content: "\f05d"; } .dijitEditorIconInsertUnorderedList:before, .flat-list-bullet:before { content: "\f05e"; } .dijitEditorIconInsertOrderedList:before, .flat-list-number:before { content: "\f05f"; } .dijitEditorIconListBulletIndent:before, .flat-list-bullet-indent:before { content: "\f060"; } .dijitEditorIconListBulletOutdent:before, .flat-list-bullet-outdent:before { content: "\f061"; } .dijitEditorIconListNumIndent:before, .flat-list-number-indent:before { content: "\f062"; } .dijitEditorIconListNumOutdent:before, .flat-list-number-outdent:before { content: "\f063"; } .dijitEditorIconViewSource:before, .flat-code:before { content: "\f064"; } .dijitEditorIconCreateLink:before, .flat-link:before { content: "\f065"; } .dijitEditorIconUnlink:before, .flat-unlink:before { content: "\f066"; } .dijitEditorIconFullScreen:before, .flat-fullscreen:before { content: "\f067"; } .flat-fullscreen-exit:before { content: "\f068"; } .dijitEditorIconInsertImage:before, .flat-image:before { content: "\f069"; } .dijitEditorIconNewPage:before, .flat-page-new:before { content: "\f06a"; } .dijitEditorIconToggleDir:before, .flat-toggle-dir:before { content: "\f06b"; } .dijitEditorIconLeftToRight:before, .flat-left-to-right:before { content: "\f06c"; } .dijitEditorIconRightToLeft:before, .flat-right-to-left:before { content: "\f06d"; } .dijitEditorIconSelectAll:before, .flat-select-all:before { content: "\f06e"; } .dijitEditorIconWikiword:before, .flat-wikiword:before { content: "\f06f"; } // animations and transformations @keyframes spin-right { from {transform: rotate(0);} to {transform: rotate(360deg);} } @keyframes spin-left { from {transform: rotate(360deg);} to {transform: rotate(0);} } // genaric icon spin class .icon-spin { animation: spin-right 2s infinite linear; } // loading .dijitIconLoading { font-size: 24px; &:before { // may want to add a another "spinning" icon // which is more loady and less refreshy content: "\f01d"; animation: spin-left 2s linear infinite; } } .dj_ie8 .dijitIconLoading, .dj_ie9 .dijitIconLoading { background: url('images/loadingAnimation.gif') no-repeat; height: 20px; width: 20px; &:before { content: ""; } } // rtl .dijitRtl .dijitEditorIconUndo { &:before { content: "\f044"; } } .dijitRtl .dijitEditorIconRedo { &:before { content: "\f044"; } } .dijitRtl .dijitEditorIconTabIndent { &:before { transform: rotate(180deg); } } .dijitRtl .dijitEditorIconInsertUnorderedList, .dijitRtl .dijitEditorIconInsertOrderedList { transform: scale(-1, 1); } :root .dijitRtl .dijitEditorIconInsertUnorderedList, :root .dijitRtl .dijitEditorIconInsertOrderedList { filter: none; }