Releases: CastleCSS/castlecss-core
Releases · CastleCSS/castlecss-core
v2.7
V2.5
Grid
- New formula for generating the grid
- It's now possible to generate grid classes for $b7, $b8, etc. Just add them in your own variables.scss
- Added gutter-map to variables, needed for generating the grid
Example of the new gutters:
/*
Grid gutters
Must be the same amount of breakpoints $breakpoint-map as above
*/
$grid-gutter: 12px;
$grid-gutter-b1: 12px;
$grid-gutter-b2: 12px;
$grid-gutter-b3: 16px;
$grid-gutter-b4: 16px;
$grid-gutter-b5: 16px;
$grid-gutter-b6: 16px;
/*
Gutter map
Must be the same amount of gutters and $gutter-map as above
*/
$gutter-map: (
1: $grid-gutter-b1,
2: $grid-gutter-b2,
3: $grid-gutter-b3,
4: $grid-gutter-b4,
5: $grid-gutter-b5,
6: $grid-gutter-b6,
);
Utility classes
- It's now possible to set no, small or large gutters per breakpoint with classes like
gutter-b2-none
andgutter-b4-large
V2.4
Equal Height
g-equal-height
class for making the children of the grid items equal heightequal-height
class for making the children of this class equal height
Color / Background-color utility classes
- Added color and background-color utility classes.
With these you can easily give a styling without having to create a stylesheet.
For example:color-theme01
andbgcolor-color01
Bug Fixes
- Use
g-float
to reset grid floating.grid-floating
is now deprecated and will be removed in the next major version. - Fixed #26; Moved shorthands so they are declared before the longhands
- Fixed #23; Fixed a bug where not every column on every breakpoint evenly distributed with the current grid columns. Every column should have the same amount of pixels. Otherwise this makes it harder to create correct Photoshop files. (half pixels don't exist in Photoshop ;))
v2.3
CastleCSS Forms Released!
- Added new variables for the brand new castlecss-forms!
v2.2.0
2.1.0 release is live
v2.1.0 is live!
- Added a standard h1-h6 styles so you don't have to. Also, we added .head and .head1-6 styles. With this you can style any element into a heading. For example you can make a strong or a h2 look like a h1, etc.
- New notification / alert colors. Also added a warning color. Upgrade both your core and notification module to the last version to see these changes.
2.0.1 is here!
Release v2.0.1 is live!
- #10 Order of items per breakpoints is now available
- Extra breakpoints can now be added by making adjustments in your own variables.scss (instructions)
- Utility Spacers (padding/margin) can now scale with extra added breakpoints
- The grid can now scale with extra added breakpoints
- #16 Floating, clearing, text-align per breakpoint can now all scale with extra added breakpoints
- #17 We changed things around with the order in your main.scss setup, this fixed an issue where utility classes didn't overwrite over classes
- Documentation changes
Dependency fix and safari grid bug
- We noticed there was a problem with the depencencies, because of our pre-release packages. We fixed this with version 1.8.1
Grid items not correct on Safari
- Problem with grid items (for example 50%/50% wouldn't stay on one row) we fixed this by switching to an older version of clearfix.
v1.7.3
v1.7.2
Fixed a bug where gutter-none, gutter-small and gutter-large was affecting more then just the direct children