2017-03-04
There where some little mistakes in Version 2.3.1:
Failure:
.ui-icon-caretstop-1-*
was defined as an alias and deprecated of
.ui-icon-caretstop-1-*
.
Correct:
.ui-icon-caratstop-1-*
is deprecated and an alias of
.ui-icon-caretstop-1-*
(which is the new classname).
This is a bugfix version for the icon classes ui-icon-carat-*
wich are
silently renamed to ui-icon-caret-*
.
The ui-icon-carat-*
are still available in the jquery-ui.icon-font
files for backwards compatibility to jQuery UI 1.11 and jQuery Mobile, but
defined as deprecated.
Deprecated / renamed icons:
Old CSS-class | » | New CSS-class |
---|---|---|
.ui-icon-carat-1-e | » | .ui-icon-caret-1-e |
.ui-icon-carat-1-n | » | .ui-icon-caret-1-n |
.ui-icon-carat-1-s | » | .ui-icon-caret-1-s |
.ui-icon-carat-1-w | » | .ui-icon-caret-1-w |
.ui-icon-carat-2-e | » | .ui-icon-caret-2-e |
.ui-icon-carat-2-e-w | » | .ui-icon-caret-2-e-w |
.ui-icon-carat-2-n | » | .ui-icon-caret-2-n |
.ui-icon-carat-2-n-s | » | .ui-icon-caret-2-n-s |
.ui-icon-carat-2-s | » | .ui-icon-caret-2-s |
.ui-icon-carat-2-w | » | .ui-icon-caret-2-w |
.ui-icon-caratstop-1-e | » | .ui-icon-caretstop-1-e |
.ui-icon-caratstop-1-n | » | .ui-icon-caretstop-1-n |
.ui-icon-caratstop-1-s | » | .ui-icon-caretstop-1-s |
.ui-icon-caratstop-1-w | » | .ui-icon-caretstop-1-w |
For further information see jQuery UI #15022 or the jQuery UI upgrade guide 1.12.
2017-03-03
This is a bugfix version for the icon classes ui-icon-carat-*
wich are
silently renamed to ui-icon-caret-*
.
The ui-icon-carat-*
are still available in the jquery-ui.icon-font
files for backwards compatibility to jQuery UI 1.11 and jQuery Mobile, but
defined as deprecated.
Deprecated / renamed icons:
Old CSS-class | » | New CSS-class |
---|---|---|
.ui-icon-carat-1-e | » | .ui-icon-caret-1-e |
.ui-icon-carat-1-n | » | .ui-icon-caret-1-n |
.ui-icon-carat-1-s | » | .ui-icon-caret-1-s |
.ui-icon-carat-1-w | » | .ui-icon-caret-1-w |
.ui-icon-carat-2-e | » | .ui-icon-caret-2-e |
.ui-icon-carat-2-e-w | » | .ui-icon-caret-2-e-w |
.ui-icon-carat-2-n | » | .ui-icon-caret-2-n |
.ui-icon-carat-2-n-s | » | .ui-icon-caret-2-n-s |
.ui-icon-carat-2-s | » | .ui-icon-caret-2-s |
.ui-icon-carat-2-w | » | .ui-icon-caret-2-w |
.ui-icon-caretstop-1-e | » | .ui-icon-caretstop-1-e |
.ui-icon-caretstop-1-n | » | .ui-icon-caretstop-1-n |
.ui-icon-caretstop-1-s | » | .ui-icon-caretstop-1-s |
.ui-icon-caretstop-1-w | » | .ui-icon-caretstop-1-w |
For further information see jQuery UI #15022 or the jQuery UI upgrade guide 1.12.
2017-03-02
Welcome to Version 2.3 with 332 unique icons and support for jQuery UI 1.12.x.
- 6 new icons
- jQuery UI 1.12.x support
- minified CSS-files
- compressed font-files (WOFF2)
The file jquery-ui.icon-font.css
and the minified version are for
jQuery UI 1.12.x.
For jQuery UI 1.11.x or jQuery Mobile please use the
jquery-ui-1.11.icon-font.css
or the minified version
jquery-ui-1.11.icon-font.min.css
.
.ui-icon-caratstop-1-e
.ui-icon-caratstop-1-n
.ui-icon-caratstop-1-s
.ui-icon-caratstop-1-w
.ui-icon-fullscreen
.ui-icon-fullscreen-off
.ui-icon-caret-1-e /* for .ui-icon-carat-1-e (jQuery UI v1.12) */
.ui-icon-caret-1-n /* for .ui-icon-carat-1-n (jQuery UI v1.12) */
.ui-icon-caret-1-s /* for .ui-icon-carat-1-s (jQuery UI v1.12) */
.ui-icon-caret-1-w /* for .ui-icon-carat-1-w (jQuery UI v1.12) */
.ui-icon-fullscreen-on /* for .ui-icon-fullscreen */
All deprecated listed icons in version 2.1 are removed now.
2016-06-26
Compatibility for jQuery Mobile (tested against 1.4.5).
Please note:
The pseudo elements :before
are replaced by :after
to make the Icon Font
and the CSS compatible with jQuery Mobile. Perhabs some user defined CSS may
be broken.
2016-05-10
Welcome to version 2 with 326 unique icons. Many icons are optimized and some are added. Please take a note on the changes below:
Some tests on mobile devices and hdpi screens shows me, that the css only created icons for loading animations looks not so good. These icons and their animations are deleted:
.ui-busy-icon,
.ui-busy-icon-balls,
.ui-busy-icon-circle,
.ui-busy-icon-clock,
.ui-busy-icon-comet,
.ui-busy-icon-planet,
.ui-busy-icon-radar,
.ui-busy-icon-progress,
.ui-busy-icon-square
Following classnames are deprecated.
- Loading status
Old:
.ui-loading-icon.ui-icon-balls
.ui-loading-icon.ui-icon-circle
.ui-loading-icon.ui-icon-comet
.ui-loading-icon.ui-icon-lines
.ui-loading-icon.ui-icon-planet
New:
.ui-icon-loading-status-balls
.ui-icon-loading-status-circle
.ui-icon-loading-status-comet
.ui-icon-loading-status-lines
.ui-icon-loading-status-planet
- File icons
Old:
.ui-icon-file-rtf
.ui-icon-file-spreadsheet, .ui-icon-file-xls
.ui-icon-file-txt
New:
.ui-icon-file-richtext
.ui-icon-file-table
.ui-icon-file-text
The animations are reassigned to make usage more easier to understand.
Old:
.ui-animate.clockwise .ui-icon,
.ui-animate.anti-clockwise .ui-icon,
.ui-animate.bounce .ui-icon,
.ui-animate.bounce-reverse /* <-- this was useless */
New:
[class^="ui-icon-"].rotate, /* <-- clockwise */
[class*=" ui-icon-"].rotate,
[class^="ui-icon-"].rotate-reverse, /* <-- anti clockwise */
[class*=" ui-icon-"].rotate-reverse,
[class^="ui-icon-"].bounce,
[class*=" ui-icon-"].bounce