3.0.1 (2024-09-05)
- comply with native CSS nesting to avoid warnings (95e5162)
3.0.0 (2022-05-30)
- replace / by math.div (7388bb3)
- Dart Sass >= 1.33 is required to parse the new math.div syntax, see https://sass-lang.com/documentation/breaking-changes/slash-div
2.5.0 (2019-03-19)
2.5.0-beta.1 (2019-03-09)
2.5.0-beta.0 (2019-03-04)
2.4.0 (2019-01-14)
2.4.0-beta.1 (2018-11-21)
- media: target only direct children to prevent unintentional inheritance while nested (45f2429)
2.4.0-beta.0 (2018-11-20)
- align: ensure helper takes precedence over other styles (b6d75e2)
- btn: do not style button with « disabled » attribute (c4c036c)
2.3.0 (2018-10-23)
- Pusher: disable wrapping for vertical variant (2167c32)
2.2.1 (2018-06-14)
- Display: add placeholder selector for visible-sr (c496bfe)
2.2.0 (2018-05-03)
- Container: Ensure correct width inside flex context (50c0968)
- Buttons: Remove border on bare button (3c4a651)
- Forms: Allow to customize form groups spacing with dedicated variable (2ff9168)
- Display: Apply
.hiddenclass behavior to[hidden]attribute as well (cb20015)
- Full right-to-left languages support! Read more
- Binary to simplify scaffolding command, thanks @greut
- The flex grid becomes the default, the legacy inline-block version has been removed as well as the
$grid-flexoption %clearfixplaceholder selector gets replaced by aclearfix()mixin- Media component is now made with Flex, with alternate gutter sizes and customizable vertical alignment
- Move
list-inlineto flex & introducecenter,rightandjustifiedalignments - No more auto-styling of form elements, a class is always required (
.field,.label,.checkbox, …) field--largeandselect--largehave been merged intofield--largefield--smallandselect--smallhave been merged intofield--small- Use default operating system font for default font-family
- The documentation has been completely reviewed and is now powered by Fractal
- Function
parseIntis now namedparse-intfor consistency
- Introduce
grid--evenfor equal grid items height per row - New
text-nowrapandtext-wraphelpers - Introduce alignment helper to align block elements (including images) easily
- More flexibility on default values with
$btn-font-family,$btn-small-border,$btn-large-border,$field-small-borderand$field-large-border - New components: container, pusher & table-responsive
- New mixins: headings, clearfix, text-wrap
- Mosaic component has been removed, use grid or media instead
- Drop positionning classes
h-align,v-alignandvh-align $btn-use-padding-ratioand$field-use-padding-ratiohave been removed, buttons and fields default padding changed accordingly- Legacy media query variables
$mq-xs,$mq-sm,$mq-md&$mq-lgare gone
- Do not remove margins on first/last children of
.boxelement (prevent.grid--multilineto work properly)
- Exclude more useless files from NPM module archive
- Remove optional/documentation-related files from the NPM package (see .npmignore)
- Generate all alternative spacings classes using a mixin based on new $spacings variable
- Introduce
.grid--multilineto add space between grid rows - Add
$btn-font-sizesettings to allow changing default button font-size - Do not remove margins on first/last children of
.media__bodyelement (prevent.grid--multilineto work properly) - Apply disabled form fields styling also to read-only fields
- Remove the declaration about links inside boxes which cause more headhache than solve problems
- Add per-breakpoint text alignment classes
- Allow more flexibility on fields’ padding with optional ratio ($field-use-padding-ratio)
- Add silent-classes in addition to classes where it makes sense to extend, fix #33
- Allow more flexibility on buttons’ padding with optional ratio ($btn-use-padding-ratio)
- Introduce optional flexbox grid ($grid-flex), fix #23
- Add media query shortcut mixin
- Allow to pass a custom base font-size to rem function
- Document mixins and functions, fix #35
- Use percentage value for font-size on html element, fix #29
- Use EM unit for media queries, fix #31
- Introduce scaffolding script, fix #30
- Change default breakpoints to be minimum width and above
- $mq-xs, $mq-sm, $mq-md and $mq-lg are now deprecated
- Replace visibility helper by display helper with extended features
- Allow customization of media gutter size
- Introduce horizontal alignment for blocks
- Add heading classes for styling without semantic (.h1, .h2, …)
- Responsive embed matches element (iframe, object, embed) in addition to classes
- Allow top and bottom alignment of mosaic cells (.mosaic--top, .mosaic--bottom)
- Mosaic responsive target direct child only to allow nesting with default mosaic
- Add basic
<caption/>styling - Fix missing float clear on descriptions list
- Move awesomplete to dev dependencies
- Introduce visibility helper
- Add basic styling for disabled input
- Improve documentation readability and usability
- Expose inputs typography styling as variables
- Add documentation for box component
- Extend input size classes to select element
- Apply default styling to input type datetime & datetime-local
- Correctly set $namespace as !default value (Thanks @maiis)
- Vertically align list-inline elements in the middle
- Do not handle list-inline extra white space with font-size reset anymore
- Introduce responsive Mosaic component
- Allow component namespacing (Thanks @maiis)
- Moved "Embed responsive" from helpers to components
- Fix Sass compilation error due to missing $field-border-width
- Introduce Travis CI test of Sass compilation
- Reverse inline radios/checkboxes margin for better multiline
- Better getting started guide
- Initial release