Fix appearance of focused logo and service name in header #1130
Workflow file for this run
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Sass | |
| on: | |
| pull_request: | |
| push: | |
| branches: | |
| - main | |
| - 'feature/**' | |
| - 'support/**' | |
| workflow_dispatch: | |
| jobs: | |
| sass: | |
| name: Dart Sass ${{ matrix.package-version }} | |
| runs-on: ubuntu-latest | |
| env: | |
| RULE_1: '@import "nhsuk";' | |
| RULE_2: '@use "nhsuk" as *;' | |
| RULE_3: '@forward "nhsuk";' | |
| RULE_4: '@forward "node_modules/nhsuk-frontend/src/nhsuk";' | |
| RULE_5: '@forward "node_modules/nhsuk-frontend/src/nhsuk/core";' | |
| RULE_6: '@forward "node_modules/nhsuk-frontend/src/nhsuk/core/all";' | |
| RULE_7: '@forward "pkg:nhsuk-frontend";' | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| package-version: | |
| # Release without major deprecations | |
| - 1.77.6 | |
| # Release with `mixed-decls` deprecated | |
| - 1.77.7 | |
| # Release with `import` deprecated | |
| - 1.80.0 | |
| # Dart Sass latest major version | |
| - latest | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| - name: Setup Node | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version-file: .nvmrc | |
| - name: Install package | |
| run: | | |
| npm install --omit=dev | |
| npm install -g sass@${{ matrix.package-version }} | |
| sass --version | |
| - name: Create test files | |
| run: | | |
| mkdir -p .tmp | |
| echo '${{ env.RULE_1 }}' > .tmp/input1.scss | |
| echo '${{ env.RULE_2 }}' > .tmp/input2.scss | |
| echo '${{ env.RULE_3 }}' > .tmp/input3.scss | |
| echo '${{ env.RULE_4 }}' > .tmp/input4.scss | |
| echo '${{ env.RULE_5 }}' > .tmp/input5.scss | |
| echo '${{ env.RULE_6 }}' > .tmp/input6.scss | |
| echo '${{ env.RULE_7 }}' > .tmp/input7.scss | |
| - name: Check compilation | |
| run: | | |
| time sass packages/nhsuk-frontend/src/nhsuk/nhsuk.scss > .tmp/check.css --load-path . | |
| - name: Check load paths | |
| run: | | |
| time sass .tmp/input1.scss > .tmp/check1.css --load-path packages/nhsuk-frontend/src | |
| time sass .tmp/input2.scss > .tmp/check2.css --load-path packages/nhsuk-frontend/src | |
| time sass .tmp/input3.scss > .tmp/check3.css --load-path packages/nhsuk-frontend/src | |
| time sass .tmp/input4.scss > .tmp/check4.css --load-path . | |
| time sass .tmp/input5.scss > .tmp/check5.css --load-path . | |
| time sass .tmp/input6.scss > .tmp/check6.css --load-path . | |
| - name: Check package importer | |
| run: | | |
| time sass .tmp/input7.scss > .tmp/check7.css --pkg-importer node | |
| # Check output for uncompiled Sass | |
| - name: Check output | |
| run: | | |
| ! grep "\$nhsuk-" .tmp/check.css | |
| ! grep "\$nhsuk-" .tmp/check1.css | |
| ! grep "\$nhsuk-" .tmp/check2.css | |
| ! grep "\$nhsuk-" .tmp/check3.css | |
| ! grep "\$nhsuk-" .tmp/check4.css | |
| ! grep "\$nhsuk-" .tmp/check5.css | |
| ! grep "\$nhsuk-" .tmp/check6.css | |
| ! grep "\$nhsuk-" .tmp/check7.css |