sam.hadow/website-hadow.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

replace deprecated Sass @import rules with @use

Browse Source
This commit is contained in:
Sam Hadow
2025-12-16 18:07:02 +01:00
parent d738e888d5
commit d0737aa699
9 changed files with 27 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -7,3 +7,5 @@ Gemfile.lock
*.backup *.backup
*.kate-swp *.kate-swp
*.pdf *.pdf
log/
tmp/

6
_sass/jekyll-theme-minimalist.scss
View File

@@ -1,6 +1,6 @@
@import "fonts"; @use "fonts";
@import "rouge-github"; @use "rouge-github";
@import "colors"; @use "colors";
// default variables // default variables
$section-width: 75% !default; $section-width: 75% !default;

5
_sass/minimalist.scss
View File

@@ -1,4 +1 @@
// Placeholder file. If your site uses @use "jekyll-theme-minimalist";
// @import "{{ site.theme }}";
// Then using this theme with jekyll-remote-theme will work fine.
@import "jekyll-theme-minimalist";

8
assets/css/colors-auto-default-dark.scss
View File

@@ -3,15 +3,15 @@
//this mode is like colors-auto but if the device does not support @media prefers-color-scheme it will deafault to dark mode //this mode is like colors-auto but if the device does not support @media prefers-color-scheme it will deafault to dark mode
@import "colors"; @use "colors" as c;
:root { :root {
@include colors; @include c.colors;
@include dark-colors; @include c.dark-colors;
} }
@media print, (prefers-color-scheme: light) {//we would not like to apply dark mode if content is on printer as that would use a lot of ink @media print, (prefers-color-scheme: light) {//we would not like to apply dark mode if content is on printer as that would use a lot of ink
:root { :root {
@include light-colors; @include c.light-colors;
} }
} }

8
assets/css/colors-auto.scss
View File

@@ -1,15 +1,15 @@
--- ---
--- ---
@import "colors"; @use "colors" as c;
:root { :root {
@include colors; @include c.colors;
@include light-colors; @include c.light-colors;
} }
@media screen and (prefers-color-scheme: dark) {//we would not like to apply dark mode if content is on printer as that would use a lot of ink @media screen and (prefers-color-scheme: dark) {//we would not like to apply dark mode if content is on printer as that would use a lot of ink
:root{ :root{
@include dark-colors; @include c.dark-colors;
} }
} }

8
assets/css/colors-dark.scss
View File

@@ -1,15 +1,15 @@
--- ---
--- ---
@import "colors"; @use "colors" as c;
:root { :root {
@include colors; @include c.colors;
@include dark-colors; @include c.dark-colors;
} }
@media print { @media print {
:root { :root {
@include light-colors; @include c.light-colors;
} }
} }

6
assets/css/colors-light.scss
View File

@@ -1,9 +1,9 @@
--- ---
--- ---
@import "colors"; @use "colors" as c;
:root { :root {
@include colors; @include c.colors;
@include light-colors; @include c.light-colors;
} }

2
assets/css/style-article.scss
View File

@@ -4,7 +4,7 @@
$section-width: 100%; $section-width: 100%;
$section-float: middle; $section-float: middle;
@import "jekyll-theme-minimalist"; @use "jekyll-theme-minimalist";
.img-circle { .img-circle {
-webkit-border-radius: 8px; -webkit-border-radius: 8px;

2
assets/css/style.scss
View File

@@ -1,7 +1,7 @@
--- ---
--- ---
@import "jekyll-theme-minimalist"; @use "jekyll-theme-minimalist";
.img-circle { .img-circle {
-webkit-border-radius: 8px; -webkit-border-radius: 8px;