-
Notifications
You must be signed in to change notification settings - Fork 332
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Document (non-contentious parts of) Sass settings layer #748
Conversation
- Refer to ‘font-families’ rather than ‘font-stacks’ throughout - Rename ‘govuk-nta-light’ to ‘govuk-font-family-nta’ - Add settings to groups in Sassdoc config - Make ‘actual’ settings !default
The fact that we’re using sass-mq is an implementation detail, so we shouldn’t expose it via our public API. This means wrapping their settings with our own settings, and trying to minimise its footprint throughout the app.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great restructure and clean-up! 💯
@@ -115,7 +119,7 @@ describe('grid system', () => { | |||
box-sizing: border-box; | |||
width: 100%; | |||
padding: 0 15px; } | |||
@media (min-width: 46.25em) { | |||
@media (min-width: 40.0625em) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What's the reason behind the change of these values?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good question - it used to use the default sass-mq
breakpoints, now it's using the ones defined in our settings.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could we add this to the PR comments?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done.
this looks solid, happy to approve it now, but i guess others should have a look ( as they've been involved in the discussion) |
Argh, CHANGELOG. |
This is the first step in clarifying what comprises the public API of Frontend.
This adds Sassdocs for the following files:
settings/_assets.scss
settings/_colours-applied.scss
settings/_compatibility.scss
settings/_global-styles.scss
settings/_ie8.scss
settings/_measurements.scss
settings/_media-queries.scss
settings/_typography-font-families.scss
(renamed from_typography-font-stacks.scss
)settings/_typography-font.scss
That leaves some files in settings which are not using Sassdoc:
settings/_colours-organisations.scss
settings/_colours-palette.scss
settings/_spacing.scss
settings/_typography-responsive.scss
I've left these (for now) because they all contain a large number of variables, and we've discussed moving them to maps and adding helper functions which will give us more control over e.g. deprecating colours.
As part of these changes we've also:
!default
where it makes sense to do so$govuk-font-family-tabular
for tabular number mixins, rather than referencing nta-light-tabular directlysass-mq
, and expose our own settings in our public apiThe media queries in the grid tests have changed because they used to use the default sass-mq breakpoints, and now they're using the ones defined in our settings.
https://trello.com/c/B8OCSU8R/759-agree-on-and-document-public-api-for-govuk-frontend