- 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-inside
rules inhelpers.less
regarding screens widths
-
Removed:
- containers width animations when resizing the screen
- Fix:
- Delete height on
body
andhtml
elements (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%
tobody
andhtml
elements)
- 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-20
will apply the propertyline-height: 2
onto 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.less
file)
- 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
.message
does not exists anymore. Replaced by.alert
class
-
Changed:
- Increase
sup
andsub
font-size from 12px to 13px (inscrease Lighthouse accessibility score) - ChuckCSS vars is now defined using as maps of values in
settings.less
file
- Increase
- Changed:
- Rename
core
folder tomain
folder
- Rename
- REMOVED:
- 4 default colors: blue, purple, yellow, orange (descrease ChuckCSS weight)
- CDN Normalize.css. Normalize is now included as an internal flie in
core
folder (inscrease "Google Lighthouse" performance)
- Added:
showLazyImg
animation (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.less
file. You can now change it as you want.
- class prefix (
- Changed:
- Rename
fontawesome.less
withicons.less
(incore
folder) - Replace class
modal-open
by attributedata-modal="modal_id"
on buttons who fired modals
- Rename
- Added:
@modals-zi
and@modals-zi-active
variables insettings.less
for modals z-index property@icon-mal
and@icon-mar
variables insettings.less
for icons margin right and left when used withicon-left
andicon-right
class
- 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}
withint
from 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}
ontoth
andtd
elements
- 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
rem
units) - Added:
- HTML elements
nav
,strong
,em
,code
,small
are 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-dotted
for 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-ic
var 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-quoted
for 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
generateIcons
in 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-br
var
- REMOVED: class
modal-close
on closure button (modal) and replaced bydata-close-modal
attribute - Changed: chuckcss.js file for modals closures (
.modal-close
selector REMOVED)
- Added:
data-fullscreen
attribute for modals - Changed:
data-close-modal
attribute binded by chuckcss.js file for closing modals
- Fixed: add class
cc-{number}-xs
for tiny screens in grids container
- Fixed: add an overflow hidden to html element when modal is opened
- Added:
cc-responsive
for tables
- Changed: breakpoints, mobile-first. v3.0.0 is not compatible with lower versions.