hgrid-css

Fix

• Reverse order of responsive breakpoint variables in order to make overrides work correctly.

Breaking Changes

• Implement true laptop-first paradigm (https://github.com/ahansson/hgrid-css/commit/2a2751f87df9631b14bd667584599a09d03a8aad).
• Viewport desktop now uses @media (min-width: 1281px) instead of max-width for (even) more pragmatic responsive styling.
• Deprecate .f-force and replace with misc. responsive utilities (https://github.com/ahansson/hgrid-css/commit/2b69ec2d3b00a036212ae6ffa6457d90a38f6083)
• Remove obsolete .no-hover utility (https://github.com/ahansson/hgrid-css/commit/7cd079f585984d9731969a71928105a0b04f8a33)
• Deprecate mostly irrelevant z-indexes inherit, initial and auto (https://github.com/ahansson/hgrid-css/commit/2eb55ea22da59d798f52bc6e242d255cfa64586a)
• Exclude laptop viewport from responsive flex overrides (https://github.com/ahansson/hgrid-css/commit/4efb8788b15d4db66e4d3d78ad26aab7ab9ff3f2)
• Remove .overflow-inherit and .overflow-initial (https://github.com/ahansson/hgrid-css/commit/4efb8788b15d4db66e4d3d78ad26aab7ab9ff3f2)

Additions

• Add .f-show-{ viewport }, .f-show-{ viewport }-only, .flex-{ viewport }, .display-flex-{viewport}-only (https://github.com/ahansson/hgrid-css/commit/2b69ec2d3b00a036212ae6ffa6457d90a38f6083)
• Add extra border colors (https://github.com/ahansson/hgrid-css/commit/0f5ca6b8dc3f9788df158c6c161f3e5a8b877ec9)
• Add 0.5rem padding and margin utilities (https://github.com/ahansson/hgrid-css/commit/077e586ea443336b90529616e10b7c174d743c8f)
• Expose 8 new custom properties from internal vars (https://github.com/ahansson/hgrid-css/commit/6a46174f490e02d9fdfc552922cc84a9b439822f)

Fixes

• Non-disabled input elements had disabled state on hover (https://github.com/ahansson/hgrid-css/commit/242b02b2af63f70b05811a4383c779853215e298) (#5 )
• Fix missing link hover color (https://github.com/ahansson/hgrid-css/commit/4a1a35848b9837fecffea818a37599fd46667790) (issue #6 )
• Add forgotten utility name to exception (https://github.com/ahansson/hgrid-css/commit/c3b56772984d30b50db11c989a3941b19b84c8b9)
• Misc. code improvement (https://github.com/ahansson/hgrid-css/commit/f357293eec2cec8ac09c13aa06815a979365af85, https://github.com/ahansson/hgrid-css/commit/96b654a76bc799e91b92f77a56c8b18d755bf022, https://github.com/ahansson/hgrid-css/commit/66630773f4b3a1d1eac3b7b95dad3ec937801124, https://github.com/ahansson/hgrid-css/commit/e73221b1f86364b4bfe6da691a031fd2a4316bc5, https://github.com/ahansson/hgrid-css/commit/f189e8d1e0cbe8e1f2ae0912159a7a2746139c3e, https://github.com/ahansson/hgrid-css/commit/077e586ea443336b90529616e10b7c174d743c8f, https://github.com/ahansson/hgrid-css/commit/3ae5ee69c846f242b0b0bfa5e58ee0b41dc21be0)

Addition:

• Add grid-auto-flow (https://github.com/ahansson/hgrid-css/commit/e8731d3ffec8bd8b5543f8099bbe1d3b8ee3f0ea)

Fixes

• Avoid specific style for jump-to-content a11y link (https://github.com/ahansson/hgrid-css/commit/10229065f7f156fa72c0454dad14cdb956cf871e)
• Remove duplicate vars (https://github.com/ahansson/hgrid-css/commit/5fe959a805dc95bbe9e5f07f72e10eb9c04b46c2)
• Use correct property for .border-right-none (https://github.com/ahansson/hgrid-css/commit/2b1abec8fa87f451578a0451f74ec87645957e87)

Fix

• Missing condition made nice links output fail regardless of variable settings (https://github.com/ahansson/hgrid-css/commit/0726dd28b73005518f9e9cf42f8c22d2d5f324ca)

Additions

• CSS grid utilities (https://github.com/ahansson/hgrid-css/pull/4)
• Possible to turn off animations (https://github.com/ahansson/hgrid-css/commit/b6463f1004228146099b0128aae62c26e5084101) and grid partials in _variables.scss
• Possible to turn off responsive grid overrides (if grid is included)
• Settings for number of grid-rows and grid-columns
• Split compiled CSS in two: With and without grid included
• Accessible jump-to-content utility (https://github.com/ahansson/hgrid-css/commit/97bcbf55fa3fabfa1f385fa961f4236a626564b9)
• Caption style for tables (https://github.com/ahansson/hgrid-css/commit/fc85a7166674414d71867992b3f0c4b5ab9b0a55)

Fixes

• Better logic removes redundant output for link styles (https://github.com/ahansson/hgrid-css/commit/cacf4e70f1c1c9e4af4c611da896dc200849f9a5)
• Fix striped table row jump on hover (https://github.com/ahansson/hgrid-css/commit/0a71e732a196205cfe93ce6011e99b921bcfa673
• Fix comments for hide/show utilities (https://github.com/ahansson/hgrid-css/commit/bcaa997cec77b2302da2632cc137dd15fd1e7610)
• Add missing short names for margins (https://github.com/ahansson/hgrid-css/commit/eb0e35af61aeacd489afebd833083651c8e31536)
• Fix sass syntax (https://github.com/ahansson/hgrid-css/commit/2d6cdbb28fc54bd692fcd9a82b21d7fa53839721) and variable naming (https://github.com/ahansson/hgrid-css/commit/0af0c78adb17e2461ffcb1a0b913ce8a498b9762)
• Fix bug where $custom-stack-point didn't always override regular breakpoint (https://github.com/ahansson/hgrid-css/commit/ae8507548b887c8e8e140413a205c91d2e5dcf85)

• Feature: Add fit-content and other content variants (a7fdd3dc3bdb8a59feb2d3980224aa7badbf0eee)
• Improvement: Use paragraph margin var for embedded objects (ec5b6d2b9891dbc03eb3368f1765d67b7e96440e)
• Feature: Add figure utility for imgand figcaption (193328433c3053ebe52434d19d24e74a9bf7a4cd)
• Fix: Fix min/max content problem
• Fix: Fix typo and remove double naming for letter-spacing utilities
• Misc. code organization

Fix: Merge cursive text utilities (https://github.com/ahansson/hgrid-css/commit/43b1bc6037fe1c2a7ec81e0acdc2540703b3d56e)
Fix: Cursor utility error (https://github.com/ahansson/hgrid-css/commit/6ab9cb20421a9819554a5c620014b7eb51a5d8bc)

Deprecate use of / for division after upgrade to sass 1.34.0. Use math.div() instead. (commit)

Fix: Use correct border color (commit)
Fix: Remove overflow value that prevented .scrollable-x from working (commit)

Bugfixes:

• Fix classes that had dotted border when they should be solid (and vice versa)
• Clear up x and y axis mixup for overflow utilities
• Remove redundant utility for default rule (background-attachment: scroll;)

In addition, PostCSS was upgraded to v 8.2.10.

• Add outline primary button variant (commit)
• Add responsive margins and paddings (commit)
• Overrides to remove gutter between individual columns or all columns in a row (commit 1 and commit 2)
• Overrides to hide borders responsively (commit)
• Improvement: Resolve margin issues for flex wrapped columns (commit)
• Improvement: Clean up button/input classes, too much specificity (commit)
• Fix: Add missing cursor pointer for input type=reset
• Fix: Non-working class for table layout (commit)
• Fix: Responsiveness variable bug (commit)
• Fix: Better responsivity for column (commit)

• Refactor: Reduce the number of media queries for responsive column overrides for flex-wrap. No media query necessary for default device width (laptop)
• Fix: Use $stack-point variable instead of specific viewport name to determine stacking breakpoint
• Fix: Add margin-bottom to flex-wrapped columns in the same row element

• Replace @import with @use and @forward (commit)
• Split sass vars and custom properties in two partials

Fix: Lighter fade animation, add usage
Fix: Drop redundant border-radius from :focus outline
Fix: Allow customization of Sass array variables
Cleanup: Remove redundant custom properties for breakpoints
Add: Custom properties for text colors

• Fix: Remove redundant visibility property from transition animation
• Added: variable for transition animation background color

0.4.0-alpha. The most useful internal $variables are now exposed to the outside world as --css-variables (aka. custom properties). They inherit from the Sass variables you (still) can customize with the @use method as described in the documentation.

• .border-light and .border-lighter replaced by .border-gray-light and .border-gray-lighter to follow color naming convention.

0.3.0-alpha

Default viewport renamed to 'laptop'. Buggy custom link underline replaced with a better version of the default underline. Remove reset style for images that gave unwanted side effects. Changes in width and height classes. Bugfixes.

• Breakpoint $desktop renamed to $laptop
• Breakpoint $desktop-large renamed to $desktop
• Breakpoint $desktop-xl renamed to $desktop-large
• .full-width replaced by .width-100pct.
• .full-height/.full-height-vh replaced by .height-100pct/.height-100vh.
• .full-width-vw, .min-width-0, min-height-0 and min-width-100 are gone.
• .max-width-{ x }pct added.
• width and height auto added
• .pointer-events-none and -all added
• Margin auto added