- Fix
$inuit-responsive-spacing-directions
documentation in_utilities.responsive-spacings.scss
. [#354] - Fix minor typo in
example.main.scss
.
- Change the way
inuitcss
deals with the baseline grid, as part of improving the vertical rhythm generated by theinuit-font-size
mixin. It includes changes to the mixin and some core variables [#291] - Responsive spacings are off by default, now. If you used the class
.u-margin-bottom-none@[BREAKPOINT]
as the only responsive spacing class in your markup, please make sure that the respective CSS is still generated. If it's not, please define the according classes as follows in your Sass:
$inuit-responsive-spacing-directions: (
"-bottom": "-bottom",
);
$inuit-responsive-spacing-properties: (
"margin": "margin",
);
$inuit-responsive-spacing-sizes: (
"-none": 0
);
If you already altered your responsive spacings in any way, you don't have to worry. [#312]
- Remove all
.o-wrapper
modifier and return to the initial, bare wrapper object. [#299] .o-crop
and.o-ratio
configurable maps now have a different structure, to include named modifiers. [#346]
- Add
.o-crop--fill
modifier. [#278] - Add
.o-ratio--img-contain
modifier [#285] .o-crop
and.o-ratio
objects now receive user defined strings for the ratio modifiers class names. [#346].o-crop
and.o-ratio
objects now support decimals as ratios (e.g.1.618:1
etc.). [#276]- Add more positioning modifier classes for the crop object. [#298]
- Fix
o-layout--stretch
in conjunction witho-layout--center
,o-layout--right
ando-layout--left
. [#293] - Update to Sass’
@else if
syntax according to current spec. [#331] - Correct filename for _objects.table.scss in README.md example. [#347]
- Provide opt-out mechanism of static images when
width
/height
attribute is assigned on<img>
s. [#328] - Provide possibility to reset push/pull. [#316]
- Remove
inuit-rem
function/mixin. [#204] - Remove
.o-list-inline--delimited
modifier. [#223] - Rename pack objects reverse modifier to
.o-pack--reverse
. [#234] - Rename spacings utility file to
_utilities.spacings
. [#260]
- Finally provide responsive spacings. [#217]
- The default vertical alignment of pack items (i.e.
.o-pack__item
) is nowtop
. [#220] - Generating spacing classes that care about multiple directions is now possible. [#228]
- Add
.o-layout--left
modifier. [#245] - Add
.o-layout--stretch
modifier. [#264] - Add
.o-layout--auto
modifier. [#266] - Add
.o-pack--default
modifier. [#249] - By providing the
.o-list-bare__item
class, we can now use the bare-list on any HTML element we want. [#280] - Update normalize.css to version 7.0.0. [#295]
- Fix
border-spacing
issue when the flag object is nested inside other specific components. [#254]
- Add customization for delimiter and breakpoint-separator in the widths-classes to circumvent possible HTML processor issues. [#166]
- Add customization for spacing class names. [#159]
- Add basic form reset styles. [#156]
- Fix push/pull
left
/right
property override issue. [#200]
Lots of tidy-ups, code-formatting and small improvements not worth mentioning :)
_settings.global.scss
is renamed to_settings.core.scss
.
The rather opinionated example variables$inuit-global-radius
and$inuit-global-transition
are transfered to the new_example.settings.global.scss
file and renamed to$global-radius
and$global-transition
. [#83]- The
hidden-visually
mixin is now prefixed withinuit-
. Call the mixin with@include inuit-hidden-visually();
from now on. [#105] - The default fractions for the widths-classes have changed. [#101]
We now provide:1/1
1/2
,2/2
1/3
,2/3
,3/3
1/4
,2/4
,3/4
,4/4
1/5
,2/5
,3/5
,4/5
,5/5
If you use classes with ax/12
orx/16
fraction likeu-6/12
oru-4/16
in your markup and you don't want to change these classes accordingly in your HTML, you can generate the appropriate widths-classes you need by altering the$inuit-fractions
Sass list (in yout main Sass stylesheet):
$inuit-fractions: 1 2 3 4 5 12 16 !default; @import "utilities/utilities.widths";
- The reverse modifier of the flag objects is renamed from
.o-flag-rev
to.o-frag--reverse
. [#114] - Split the
_tools.functions.scss
and_tools.mixins.scss
files into individual files. [#5]
Alter the import of these files in your Sass main stylesheet as follows:@import "tools/tools.rem"; @import "tools/tools.font-size"; @import "tools/tools.clearfix"; @import "tools/tools.hidden";
- Remove
inuit-halve
Sass function. [#5] - Remove
inuit-hocus
Sass function. [#5] - Remove
_tools.widths.scss
file and integrate its content into_utilities.widths.scss
. [#117]
This means that you have to remove the import of the tools file in your Sass main stylesheet. - Put offsets (i.e. push and pull classes) behind a feature switch. [#104]
If you useu-push-
and/oru-pull-
classes, switch them on in your Sass main stylesheet:$inuit-offsets: true; @import "utilities/utilities.widths";
- Add Sass MQ as default media-query management tool. [#80]
- Add table object. [#97]
- Add pack object. [#98]
- Add new button variations for the example button component.
- Add
CONTRIBUTING
file. [#14] - Provide
box-sizing: border-box;
for layout object by default to make dependency of generic.box-sizing partial obsolete. [#89]
- Heading utilities font-sizes are now declared with
!important
. [#54] - Fix
.o-layout--small
. The.o-layout--small
smargin-left
property was set to a positive value rather than a negative value which caused the layout container to be unintentionally indented on the x-axis. [#84]
- Add missing rule to
html
element to prevent page jumps. [#77]