Version 4.x (codename: glass)
Main
- Change main color to amber
- Rewrite jQuery to JavaScript (remove dependency)
- Create new code preview mode - remove "show code" button
- Added support for rtl text direction
- Added
imd-radius class to adding radius for any element
Colors
- Changing the color palette to a more subdued one
- Added pink
Navigation
- Remove
imd-nav-fixed class - menu is always fixed top
- Remove
imd-nav-top class -menu is always fixed top
- There is no need to add the shadow separately - it is default for all navigations
- Replace
opened class by imd-opened class
- Create breadcrumb
Buttons
- Added
imd-button-secondary class
- Redesign (needed class names changes)
Labels
- Added
imd-label-lg for bigger labels
Forms
- Remove sizing (
imd-form-switch-lg class) for radios
Tabs and tables
- Rename main class to
imd-tabs (tabs is deprecated)
- Rename
tab class to imd-tab
- Rename
tabs-navigation class to imd-tabs-navigation
- Use border color only for top and bottom
Dynamic elements
- Dialog: chamnged
opened class to imd-opened
- Remove fixed dynamic button (triangle at the bottom of page)
Icons and fonts
- Change main fonts to Fliper and Montserrat
- Change main icons to Iconoir iconoir.com
- Added OpenMoji as default emoji
- Added Noto Sans for non latin/cyrillic alphabets
Dark theme
- Added
imd-dark-theme-disabled class to allow to disable dark-mode for selected element
Version 3.0
Colors
- Reverse the color fade gradation
- Color grading in 10% increments
- Adding gradation for blurred backgrounds
Navigation
- Adding a shadow for the navigation bar (bottom or top depending on the position)
- Information about the background of drop-down submenus
Interface
- Remove
imd-button-outline class
- Added buttons animations
- Reducing the size of the bottom border of buttons
- Added xl size for buttons
imd-button-xl
Dark theme
- Dark style available for each element separately
Previous versions
Version 3 (name: current)
Documentation
<link href="https://static.icymat.eu/icymat-design/current/styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://static.icymat.eu/icymat-design/current/scripts.js"></script>
Version 2
Documentation
<link href="https://static.icymat.eu/icymat-design/v2/styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://static.icymat.eu/icymat-design/v2/scripts.js"></script>
Version 1.1
Documentation
<link href="https://static.icymat.eu/icymat-design/v1.1/styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://static.icymat.eu/icymat-design/v1.1/scripts.js"></script>