v0.1.21-prerelease
Pre-release
Pre-release
ahosgood
released this
12 Oct 15:48
·
426 commits
to main
since this release
Added
- Allow use of custom variables when loading SCSS
- Cards can now have meta text/icons under the title
<dl>
elements are now styled using atna-dl
class- Initial pagination component
- Variables can now be changed as described in
src/nationalarchives/stories/development/using.mdx
- Basic pagination element added
<small>
elements are now styled- Some basic print styles added for tabs, breadcrumbs and cookie banners
- Grids can be centre aligned with
tna-container--centred
- Skip links will focus on the targeted element with JavaScript once the skip link is clicked
Changed
- Focus on the confirmation message of the cookie banner once accepted or rejected
hideCookieBannerKey
property on cookie banner changed tocookiesPreferencesSetKey
- When using the prototype kit,
<p>
tags have some alterations that remove the default GOV.UK styling - When using the system theme, JavaScript is no longer required to write specific theme classes to the
<html>
element - all of this is done in CSS - Standalone CSS such as
components/button.css
no longer includes Font Awesome <nav>
elements in the footer now have arole="navigation"
attribute- The default cookie policies are now
essential
,usage
andsettings
- The SCSS mixin
colour-outline
now accepts optional width and style properties - In coloured blocks, the custom CSS property
--background
now gets explictly replaced with--accent-background
,--contrast-background
or--accent-background-light
typography.$base-font-size-px
is nowtypography.$relative-1rem-px
xl
andl
headings are Supria Sans andm
ands
are Open Sans- Card heading size defaults to
s
- Markup and styles altered for hero component
- Updated app icons and favicon
- Changed gutters on small devices to the same as medium and large, reduced tiny device gutters to
1rem
- Body text is reduced from 18px to 17px on mobile devices
- Reduced the bottom margin on paragraphs from
1.5rem
to1rem
Removed
- Explicit overflow properties applied to
.tna-template
and.tna-template__body
have been removed
Fixed
- Updated the prototype kit templates
- Tabs will not try to show a specific one on startup unless the target matches the ID of one of the tabs
- Closing
</nav>
tag added on toindex-grid
/nationalarchives/_prototype-kit.scss
is now the entrypoint for the GOV.UK prototype kit SASS which fixes the asset location- The cookie banner confirmation message is no longer outlined when highlighted
- The import routes of the layouts for use in the prototype kit now work
- Cookie banner header classes added
- Visited links within the dark theme are purple again