- Changed :
- Alerts design
- Icons Duotone for FontAwesome (animations and colors settings)
- Titles margins in settings
##4.2.0
-
Added:
- Change cursor when modal is open
c-insiderules inhelpers.lessregarding screens widths
-
Removed:
- containers width animations when resizing the screen
- Fix:
- Delete height on
bodyandhtmlelements (Added in V.4.0.4)
- Delete height on
- Fix:
- Height calculation for Chrome on Android devices, regarding the browser UI bar (Add
height: 100%tobodyandhtmlelements)
- Height calculation for Chrome on Android devices, regarding the browser UI bar (Add
- Added:
- New mixin for Line-Height generator
- Responsive line-height class:
cc-lh-{number}-{breakpoint}(mobile-first respected) for line-height (from 0 to 40 with increments of 1). - Line-height applied is divised by 10. So
cc-lh-20will apply the propertyline-height: 2onto the element
- Fix vulnerability of dependencies:
- Update jquery version
- Update lodash.merge version
- Update mixin-ddep version
-
Added:
- Light version of ChuckCSS. The ChuckCSS Light is the same as ChuckCSS, but without:
- grids
- tabs
- badges
- purple, yellow, orange colors
- outlined buttons when using
cc-bg-color
- Titles:
- Font-size definitions regarding screen width (mobile-first)
- Color definition for each Hn element (in
settings.lessfile)
- Modals:
- When modal is opened, add a paddinr-right on HTML element to prevent the loss of the scrollbar
- Light version of ChuckCSS. The ChuckCSS Light is the same as ChuckCSS, but without:
-
NEW:
- Loader: Sonar loader
-
REMOVED:
- Loaders: Dots and Caterpillar loaders (spinner loader kept)
- Messages: class
.messagedoes not exists anymore. Replaced by.alertclass
-
Changed:
- Increase
supandsubfont-size from 12px to 13px (inscrease Lighthouse accessibility score) - ChuckCSS vars is now defined using as maps of values in
settings.lessfile
- Increase
- Changed:
- Rename
corefolder tomainfolder
- Rename
- REMOVED:
- 4 default colors: blue, purple, yellow, orange (descrease ChuckCSS weight)
- CDN Normalize.css. Normalize is now included as an internal flie in
corefolder (inscrease "Google Lighthouse" performance)
- Added:
showLazyImganimation (smoothly fade appearances) for images loaded with a lazy loader library (Lozad.js for exemple)
- Changed:
- class prefix (
cc) is set as a variable intosettings.lessfile. You can now change it as you want.
- class prefix (
- Changed:
- Rename
fontawesome.lesswithicons.less(incorefolder) - Replace class
modal-openby attributedata-modal="modal_id"on buttons who fired modals
- Rename
- Added:
@modals-ziand@modals-zi-activevariables insettings.lessfor modals z-index property@icon-maland@icon-marvariables insettings.lessfor icons margin right and left when used withicon-leftandicon-rightclass
- NEW:
- Add openings effects for modals, binded with a data attribute:
data-open="slideInLeft"anddata-open="slideInRight"
- Add openings effects for modals, binded with a data attribute:
- Changed:
- Badges default background-color (now
#3A3A3A) - class
cc-w-{int}withintfrom 0 to 100 (+1 increment) - Default font-family applied onto the body: now native font stack
- Alerts skins
- Bindable attribute on alerts buttons in order to close alerts
- Badges default background-color (now
- REMOVED:
- class
cc-w-quarter,cc-w-half,cc-w-threequarter(remplaced by classcc-w-25,cc-w-50,cc-w-75) - Masonry layouts
- Messages (class
message message-{type}are now the same as classalert alert-{type})
- class
- Fixed:
- class
cc-bg-{color}andcc-{color}ontothandtdelements
- class
- Added:
- Responsive texts aligments: class
cc-txt-{aligment}-{breakpoint}(mobile-first respected) - Responsive padding and margin for block elements are completed: class
cc-pa-{breakpoint},cc-ma-{breakpoint},cc-pa{side}-{breakpoint},cc-ma{side}-{breakpoint}(mobile-first respected)
- Responsive texts aligments: class
- Changed: changed default font-size for titles (Hn) in settings file (now in
remunits) - Added:
- HTML elements
nav,strong,em,code,smallare now concerned bycc-bg-{color}andcc-{color}class - Responsive font-weight: class
cc-fw-{number}-{breakpoint}(mobile-first respected) - Responsive font-size: class
cc-fs-{number}-{breakpoint}(mobile-first respected) - Responsive width for block elements: class
cc-w-{number}-{breakpoint}(mobile-first respected) - Responsive padding and margin for block elements: class
cc-pa{direction}-{number}-{breakpoint}(mobile-first respected)
- HTML elements
- Added: class
cc-dottedfor dotted lists
- Added:
- New mixin for Font-Weight generator
- class
cc-fw-{number}for font-weight (from 100 to 900 with increments of 100)
- REMOVED:
@blockquotes-icvar in settings.less file
- Fixed:
- HTMl links -
a:not(.btn)- are white written if they are included into a bg-colorized parent.
- HTMl links -
- Fixed font-size generator mixin in generator.less file
- Added:
- New mixin for Font-Size generator
- class
cc-fs-{number}for font-size (from 0rem to 10rem with increments of 0.1rem)
- REMOVED:
- FontAwesome and Ionicons CDN in front.less (you have to include FA and/or Ionicons by yourself)
- mixins:
fa(),io(),uppercase()in functions.less - class
cc-quotedfor blockquotes
- Updated: Normalize.css v8.0.0
- Added:
- New mixins for FontAwesome icons generator, regarding the font-weight (fontAwesome 5)
- REMOVED:
- class
fa-applied to another element but i - mixin
generateIconsin generator.less
- class
- Updated: FontAwesome CDN with v5.0.8
- Updated: Normalize.css v7.0.0
- Fixed:
- FontAwesome 5 compatibilities (Free version) with class
far,fal,fas,fab
- FontAwesome 5 compatibilities (Free version) with class
- Added: add CDN libraries in front.less file (normalize, font-awesome, ionicons)
- REMOVED:
- Bower support (NPM only) and bower.json file
- Vagrantfile (ChuckCSS works with Homestead now)
- normalize.less file in core folder (Normalize is now included width CDN in front.less file)
- Added: new settings for links/buttons:
@links-btn-bw=> default border-width@links-btn-pa=> default padding
- Fixed: force border-radius for
input[type="checkbox"]to 2px without taking the@input-brvar
- REMOVED: class
modal-closeon closure button (modal) and replaced bydata-close-modalattribute - Changed: chuckcss.js file for modals closures (
.modal-closeselector REMOVED)
- Added:
data-fullscreenattribute for modals - Changed:
data-close-modalattribute binded by chuckcss.js file for closing modals
- Fixed: add class
cc-{number}-xsfor tiny screens in grids container
- Fixed: add an overflow hidden to html element when modal is opened
- Added:
cc-responsivefor tables
- Changed: breakpoints, mobile-first. v3.0.0 is not compatible with lower versions.