diff options
author | Andrew Dolgov <[email protected]> | 2018-12-04 22:24:31 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2018-12-04 22:24:31 +0300 |
commit | 2ab097b2e5d0470f39021e2c27252d1ee8f20d94 (patch) | |
tree | 0f149e6fc7a8a112c71e7cb0f48816ec5e09f891 /lib/flat-ttrss/icons/flat-icons.styl | |
parent | 88b8830a6bec4bb2278f410fd1e645d8289a99e9 (diff) |
initial work for flat modern theme
Diffstat (limited to 'lib/flat-ttrss/icons/flat-icons.styl')
-rw-r--r-- | lib/flat-ttrss/icons/flat-icons.styl | 522 |
1 files changed, 522 insertions, 0 deletions
diff --git a/lib/flat-ttrss/icons/flat-icons.styl b/lib/flat-ttrss/icons/flat-icons.styl new file mode 100644 index 000000000..b66bddc24 --- /dev/null +++ b/lib/flat-ttrss/icons/flat-icons.styl @@ -0,0 +1,522 @@ +/* + * 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; +} + |