Skip to content

Remove trailing /index of @import statements in v6.0.0 docs #601

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.

Sign up for GitHub

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

Merged
romaricpascal merged 1 commit into from
Feb 23, 2026
Merged

Remove trailing /index of @import statements in v6.0.0 docs #601

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions source/import-css/index.html.md.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,36 +55,36 @@ You must import the layers in the order listed in the example below.
// Basic content styles for typography, links etc. Approximately 10% of
// the CSS output if you include everything.

@import "node_modules/govuk-frontend/dist/govuk/core/index";
@import "node_modules/govuk-frontend/dist/govuk/core";

// Objects include things like the page template, grid and form groups.
// Approximately 5% of the CSS output if you include everything.

@import "node_modules/govuk-frontend/dist/govuk/objects/index";
@import "node_modules/govuk-frontend/dist/govuk/objects";

// The components themselves - try to only include the components you
// are using in your project. Approximately 70% of the CSS output if
// you include everything.

<% components.each do |component| %>
@import "node_modules/govuk-frontend/dist/govuk/components/<%= component %>/index";
@import "node_modules/govuk-frontend/dist/govuk/components/<%= component %>";
<% end %>

/*
// Alternatively, you can import all components:
@import "node_modules/govuk-frontend/dist/govuk/components/index";
@import "node_modules/govuk-frontend/dist/govuk/components";
*/

// Utilities, for example govuk-clearfix or govuk-visually-hidden.
// Approximately 1% of the CSS output if you include everything.

@import "node_modules/govuk-frontend/dist/govuk/utilities/index";
@import "node_modules/govuk-frontend/dist/govuk/utilities";

// Overrides, used to adjust things like the amount of spacing on an
// element. Override classes always include `-!-` in the class name.
// Approximately 15% of the CSS output if you include everything.

@import "node_modules/govuk-frontend/dist/govuk/overrides/index";
@import "node_modules/govuk-frontend/dist/govuk/overrides";

/*
// Alternatively, you can import the specific groups of overrides
Expand Down
2 changes: 1 addition & 1 deletion source/installing-with-npm/index.html.md.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ The accordion will use a generic font until you get the font and images working,
There are also different ways you can [import GOV.UK Frontend's CSS](../import-css/), including into your project's main Sass file:

```scss
@import "node_modules/govuk-frontend/dist/govuk/index";
@import "node_modules/govuk-frontend/dist/govuk";
```

### Get the font and images working
Expand Down