All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
- $ocean-30 and $slate-30
- Use $base-font-size var in rem() function instead of hard-coded value.
- Place margin column classes inside the media query loop.
- On this spooky Halloween day, I've come to my senses and remembered
text-decoration
is not a property that can be transitioned. It has been removed from thelink
classes.
- Add text-decoration transition to
link
pseudo classes.
- Add text-decoration transition to the
link
class.
- XL breakpoint is now 67.5rem (1080px) to match the
mw-grid
class that is the same value.
p*-*-col
classes were not correctly nested in their breakpoint loops, causing all class names to be applied regardless of breakpoint
px-*-col
rules were using margin instead of padding
- column-based margin and padding classes based on 12-column grid, which includes:
mx-*-col
mr-*-col
ml-*-col
px-*-col
pr-*-col
pl-*-col
g-start-*
class to eventually replaceg-push-*
, which is semantically inaccurate because it uses thegrid-column-start
rule.
mw-grid
class to represent a max-width of 67.5rem. We were previously using the mw-64 class as the full width of our grid, but it should have always been 67.5rem so we had to add this class.
- Lead in title 1 and 2 now renders appropriate font sizes of 14px and 16px and are bolded by default
- Title classes are set to bolded by default
- Rem-ified some missed values that outputting pixels
- Responsive center-y and center-xy classes are now correct.
- Pointer events all
- Centering x, y, and xy classes
- Hover underline effect
- Line height 0
- Updated npm packages to fix vulnerability.
- Type and icon styles were outputting px, changed those to rem.
- Halved padding for grid fallback.
- CSS Grid fallback now implements gap-sized padding on all sides of grid children instead of just padding-right.
- 'xs' icon size.
- Pointer events class
- Base icon size variables on the base scale value
- Update readme
- Base font color changed from $slate to $slate-120
- Add classes for icon
- Create type classes that mirror styles from the type mixins
- Mixin for responsive breakpoints
- Remove build process from the preversion the npm script
- Lead-in title letter spacing to 5% of its font size
- Comments denoting the calculated px value for font-size, line-height, spacing, gap, and breakpoints.
- Font-size 60px and line-height 76px.
- Mixin for super h1 type style.
- This changelog.
- Flex-grid class now has correct negative margins for a standard 24px gutter.
- w-33 and w-66 now declare 33.333% and 66.667% widths respectively.
- Minor lint errors.
- Added br-circle and br-pill.
- Added variable $transition-duration-fast.
- Changed the border-radius scale from a fixed scale to a numerical scale.
- Border-radius changed from using br-top-left-X, br-bottom-left-X, etc, to just using br-left-X.
- Border-color prefix changed from b- to bc-.
- Border-style for all and none changed from ba, bn to bs-solid, bs-none.
- Box-shadow prefix changed from shadow- to bs-.
- Variable $transition-duration changed to $transition-duration-slow.
- Class g-push-0 previously declared grid-column-start: auto. There is now a g-push-auto class that declares this and g-push-0 declares grid-column-start: 0;