Fix sass build warnings

SteveWilkes · SteveWilkes · commit 22dd8dea89ce · 2026-06-17T07:46:32.000+01:00
diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
@@ -1,17 +1,10 @@
-# This workflow uses actions that are not certified by GitHub.
-# They are provided by a third-party and are governed by
-# separate terms of service, privacy policy, and support
-# documentation.
-
-# Sample workflow for building and deploying a Jekyll site to GitHub Pages
-name: Deploy Jekyll site to Pages
+name: Build + Deploy
 
 on:
-  # Runs on pushes targeting the default branch
   push:
     branches: ["main"]
 
-  # Allows you to run this workflow manually from the Actions tab
+  # Allow manual runs
   workflow_dispatch:
 
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
@@ -27,7 +20,6 @@ concurrency:
   cancel-in-progress: false
 
 jobs:
-  # Build job
   build:
     runs-on: ubuntu-latest
     steps:
@@ -37,7 +29,7 @@ jobs:
         # https://github.com/ruby/setup-ruby/releases/tag/v1.313.0
         uses: ruby/setup-ruby@89f90524b88a01fe6e0b732220432cc6142926af
         with:
-          ruby-version: '4.0.5' # Not needed with a .ruby-version file
+          ruby-version: '4.0.5'
           bundler-cache: true # runs 'bundle install' and caches installed gems automatically
           cache-version: 0 # Increment this number if you need to re-download cached gems
       - name: Setup Pages
@@ -51,8 +43,7 @@ jobs:
       - name: Upload artifact
         # Automatically uploads an artifact from the './_site' directory by default
         uses: actions/upload-pages-artifact@v5
-
-  # Deployment job
+        
   deploy:
     environment:
       name: github-pages
diff --git a/_sass/_buy-me-a-coffee.scss b/_sass/_buy-me-a-coffee.scss
@@ -1,4 +1,4 @@
-﻿@import "_variables.scss";
+﻿@use "variables" as *;
 
 $coffee-img-size: 40px;
 $coffee-img-margin-top: calc($coffee-img-size / 2 * -1);
diff --git a/_sass/_code-samples.scss b/_sass/_code-samples.scss
@@ -1,4 +1,4 @@
-@import "_variables.scss";
+@use "variables" as *;
 
 code {
   background: $body-code-bg-color;
diff --git a/_sass/_comments.scss b/_sass/_comments.scss
@@ -1,4 +1,4 @@
-﻿@import "_variables.scss";
+﻿@use "variables" as *;
 
 #comments-link {
     float: right;
diff --git a/_sass/_content.scss b/_sass/_content.scss
@@ -1,4 +1,4 @@
-@import "_variables.scss";
+@use "variables" as *;
 
 /**
  * 4. Content
diff --git a/_sass/_footer.scss b/_sass/_footer.scss
@@ -1,4 +1,4 @@
-@import "_variables.scss";
+@use "variables" as *;
 
 /**
  * 5. Site Footer
@@ -14,6 +14,7 @@
   letter-spacing: 1px;
   line-height: 1.5;
   margin-bottom: 0;
+  text-align: right;
   text-transform: uppercase;
 }
 
diff --git a/_sass/_forms.scss b/_sass/_forms.scss
@@ -1,4 +1,4 @@
-﻿@import "_variables.scss";
+﻿@use "variables" as *;
 
 /* Form fields */
 input,
diff --git a/_sass/_general.scss b/_sass/_general.scss
@@ -1,4 +1,4 @@
-@import "_variables.scss";
+@use "variables" as *;
 
 /**
  * 1. General
diff --git a/_sass/_header.scss b/_sass/_header.scss
@@ -1,4 +1,4 @@
-@import "_variables.scss";
+@use "variables" as *;
 
 /**
  * 3. Site Header
diff --git a/_sass/_media-queries.scss b/_sass/_media-queries.scss
@@ -1,4 +1,4 @@
-@import "_variables.scss";
+@use "variables" as *;
 
 /**
  * 6. Media Queries
diff --git a/_sass/_search.scss b/_sass/_search.scss
@@ -1,4 +1,4 @@
-@import "_variables.scss";
+@use "variables" as *;
 
 /**
  * 6. Search
diff --git a/_sass/_structure.scss b/_sass/_structure.scss
@@ -1,4 +1,4 @@
-@import "_variables.scss";
+@use "variables" as *;
 
 /**
  * 2. Structure
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -2,16 +2,15 @@
 ---
 
 // Imports
-@import "variables";
-@import "reset";
-@import "general";
-@import "structure";
-@import "header";
-@import "content";
-@import "forms";
-@import "code-samples";
-@import "comments";
-@import "search";
-@import "footer";
-@import "media-queries";
-@import "buy-me-a-coffee";
+@use "reset";
+@use "general";
+@use "structure";
+@use "header";
+@use "content";
+@use "forms";
+@use "code-samples";
+@use "comments";
+@use "search";
+@use "footer";
+@use "media-queries";
+@use "buy-me-a-coffee";

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import "_variables.scss";`
	`1`	`+@use "variables" as *;`
`2`	`2`
`3`	`3`	`$coffee-img-size: 40px;`
`4`	`4`	`$coffee-img-margin-top: calc($coffee-img-size / 2 * -1);`