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.
- Default Toast Notification now has higher contrast border color
- Added breadcrumb variations
- Added pattern groups and documentation
- Button colours now have higher contrast when in :hover, :focus and :active.
- Accessibility improvements made from WAVE evaluations.
- Reorganization of docs and layouts.
- Added .has-default-header-styles modifier to .content class. This gives top and bottom margins
<h1>
to<h6>
elements. <hr>
elements now have default top and bottom margins.- Added .hint, .success and .error classes for form input labels.
- Docs for form elements split into separate category
- Added docs for advanced customisation using Sass
- Documentation additions and reorg
-
#35 Added color contrast result and examples of
is-*color*
class -
Updated colors with recommended ratio >= 4.5
Secondary
->#4370cc
Warning
->#a86500
Success
->#008649
Info
->#008196
Link
->#0070F2
-
Added instructions for releasing. See Readme.md
- Fixed missing gutters (left/right) for
sgds-container
- Added sass to npm package
- #101 Masthead font-size scaling.
- Masthead link now darkens upon hover.
- sgds.js no longer initializes a sticky sidebar by default. This feature is not sgds's responsibility and its removal reduces the js library size greatly. Documentation for this feature to follow.
- Default colours for
info
andlink
classes have been updated. - Added more font-weight classes (e.g.
has-text-weight-extra-bold
). - scss sources are now published on NPM. Documentation for usage to follow.
- Documentation improvements.
- Fixed navbar burger button functionality after new navbar class introduced.
- Added js compatible with old
.navbar
elements for burger button controls
- Documentation re-org and improvements
- Moved sgds-example and sgds-syntax classes out of sgds package.
- #89 Added sgds prefix to navbar component
- Updated language selector example in docs to use
<select>
elements
- #83 Main nav language selector gets misaligned when viewport is too wide (>1800px)
- #85 Documentation for SGDS Steps
- Fixed Masthead example
- Documentation updates
- Improved IE compatibility for sgds.js.
- Documentation updates
- IE fix for main nav dropdowns
- Style improvements for button and navbar and pagination
- Dropdown JS now handles icon changes
- Fixed babel build to handle sticky-sidebar
- CI pipeline for dev build
- border with $grey-light (same border color with default table)
- border $grey-light (same border color with default table) to
sgds-accordion-body
is-*color*
helper tosgds-accordion
.is-*borderless*
helper tosgds-accordion
.is-*small* , is-*medium* , is-*large*
helper tosgds-accordion
.
- background color to white
- background color to white
- hover color to darken white
- padding top/bottom (same padding with default size
sgds-button
)
-
Side Navigation
Deprecated
Side navigation with left borderNew
Added Collaspable Side Navigation
-
Table
New
Added Horizontal tableNew
Added Vertical header table
-
Hero
New
Added Hero with Dropdown ButtonNew
Added Hero with Hoverable Dropdown ButtonNew
Added Hero with Search Bar
-
Button
New
Added Secondary buttons
-
Form
New
Added example of a feedback form
-
Notification
New
Added Default notification (with and without icon)New
Added Default Toast notification (with and without icon)
-
Tab
New
Added modifiersis-centered
,is-small
,is-medium
,is-large