Skip to content

Fix Sass deprecation warnings #289

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
merged 1 commit into from
Jun 18, 2025
Merged

Fix Sass deprecation warnings #289

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
48 changes: 24 additions & 24 deletions _sass/minimal-mistakes.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,40 @@
/*!
/*!\
* Minimal Mistakes Jekyll Theme 4.24.0 by Michael Rose
* Copyright 2013-2020 Michael Rose - mademistakes.com | @mmistakes
* Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE)
*/
*/

/* Variables */
@import "minimal-mistakes/variables";
@forward "minimal-mistakes/variables";

/* Mixins and functions */
@import "minimal-mistakes/vendor/breakpoint/breakpoint";
@forward "minimal-mistakes/vendor/breakpoint/breakpoint";
@include breakpoint-set("to ems", true);
@import "minimal-mistakes/vendor/magnific-popup/magnific-popup"; // Magnific Popup
@import "minimal-mistakes/vendor/susy/susy";
@import "minimal-mistakes/mixins";
@forward "minimal-mistakes/vendor/magnific-popup/magnific-popup";
@forward "minimal-mistakes/vendor/susy/susy";
@forward "minimal-mistakes/mixins";

/* Core CSS */
@import "minimal-mistakes/reset";
@import "minimal-mistakes/base";
@import "minimal-mistakes/forms";
@import "minimal-mistakes/tables";
@import "minimal-mistakes/animations";
@forward "minimal-mistakes/reset";
@forward "minimal-mistakes/base";
@forward "minimal-mistakes/forms";
@forward "minimal-mistakes/tables";
@forward "minimal-mistakes/animations";

/* Components */
@import "minimal-mistakes/buttons";
@import "minimal-mistakes/notices";
@import "minimal-mistakes/masthead";
@import "minimal-mistakes/navigation";
@import "minimal-mistakes/footer";
@import "minimal-mistakes/search";
@import "minimal-mistakes/syntax";
@forward "minimal-mistakes/buttons";
@forward "minimal-mistakes/notices";
@forward "minimal-mistakes/masthead";
@forward "minimal-mistakes/navigation";
@forward "minimal-mistakes/footer";
@forward "minimal-mistakes/search";
@forward "minimal-mistakes/syntax";

/* Utility classes */
@import "minimal-mistakes/utilities";
@forward "minimal-mistakes/utilities";

/* Layout specific */
@import "minimal-mistakes/page";
@import "minimal-mistakes/archive";
@import "minimal-mistakes/sidebar";
@import "minimal-mistakes/print";
@forward "minimal-mistakes/page";
@forward "minimal-mistakes/archive";
@forward "minimal-mistakes/sidebar";
@forward "minimal-mistakes/print";
3 changes: 2 additions & 1 deletion _sass/minimal-mistakes/_buttons.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
BUTTONS
========================================================================== */
Expand Down Expand Up @@ -56,7 +57,7 @@
}

&:hover {
@include yiq-contrasted(mix(#000, $color, 20%));
@include yiq-contrasted(color.mix(#000, $color, 20%));
}
}
}
Expand Down
9 changes: 5 additions & 4 deletions _sass/minimal-mistakes/_navigation.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
NAVIGATION
========================================================================== */
Expand Down Expand Up @@ -91,7 +92,7 @@
text-align: center;
text-decoration: none;
color: $muted-text-color;
border: 1px solid mix(#000, $border-color, 25%);
border: 1px solid color.mix(#000, $border-color, 25%);
border-radius: 0;

&:hover {
Expand Down Expand Up @@ -140,7 +141,7 @@
text-align: center;
text-decoration: none;
color: $muted-text-color;
border: 1px solid mix(#000, $border-color, 25%);
border: 1px solid color.mix(#000, $border-color, 25%);
border-radius: $border-radius;

&:hover {
Expand Down Expand Up @@ -395,7 +396,7 @@
&:hover {
color: #fff;
border-color: $gray;
background-color: mix(white, #000, 20%);
background-color: color.mix(white, #000, 20%);

&:before,
&:after {
Expand All @@ -407,7 +408,7 @@
/* selected*/
input:checked + label {
color: white;
background-color: mix(white, #000, 20%);
background-color: color.mix(white, #000, 20%);

&:before,
&:after {
Expand Down
11 changes: 6 additions & 5 deletions _sass/minimal-mistakes/_notices.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
NOTICE TEXT BLOCKS
========================================================================== */
Expand All @@ -17,7 +18,7 @@
font-family: $global-font-family;
font-size: $type-size-6 !important;
text-indent: initial; /* override*/
background-color: mix($background-color, $notice-color, $notice-background-mix);
background-color: color.mix($background-color, $notice-color, $notice-background-mix);
border-radius: $border-radius;
box-shadow: 0 1px 1px rgba($notice-color, 0.25);

Expand Down Expand Up @@ -46,19 +47,19 @@
}

a {
color: mix(#000, $notice-color, 10%);
color: color.mix(#000, $notice-color, 10%);

&:hover {
color: mix(#000, $notice-color, 50%);
color: color.mix(#000, $notice-color, 50%);
}
}

@at-root #{selector-unify(&, "blockquote")} {
border-left-color: mix(#000, $notice-color, 10%);
border-left-color: color.mix(#000, $notice-color, 10%);
}

code {
background-color: mix($background-color, $notice-color, $code-notice-background-mix)
background-color: color.mix($background-color, $notice-color, $code-notice-background-mix)
}

pre code {
Expand Down
3 changes: 2 additions & 1 deletion _sass/minimal-mistakes/_page.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
SINGLE PAGE/POST
========================================================================== */
Expand Down Expand Up @@ -347,7 +348,7 @@ body {
margin-bottom: 8px;
padding: 5px 10px;
text-decoration: none;
border: 1px solid mix(#000, $border-color, 25%);
border: 1px solid color.mix(#000, $border-color, 25%);
border-radius: $border-radius;

&:hover {
Expand Down
3 changes: 2 additions & 1 deletion _sass/minimal-mistakes/_search.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
SEARCH
========================================================================== */
Expand All @@ -21,7 +22,7 @@
transition: 0.2s;

&:hover {
color: mix(#000, $primary-color, 25%);
color: color.mix(#000, $primary-color, 25%);
}
}

Expand Down
5 changes: 3 additions & 2 deletions _sass/minimal-mistakes/_tables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
TABLES
========================================================================== */
Expand All @@ -18,7 +19,7 @@ table {

thead {
background-color: $border-color;
border-bottom: 2px solid mix(#000, $border-color, 25%);
border-bottom: 2px solid color.mix(#000, $border-color, 25%);
}

th {
Expand All @@ -29,7 +30,7 @@ th {

td {
padding: 0.5em;
border-bottom: 1px solid mix(#000, $border-color, 25%);
border-bottom: 1px solid color.mix(#000, $border-color, 25%);
}

tr,
Expand Down
7 changes: 4 additions & 3 deletions _sass/minimal-mistakes/_utilities.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
UTILITY CLASSES
========================================================================== */
Expand Down Expand Up @@ -416,7 +417,7 @@ body:hover .visually-hidden button {
.navicon,
.navicon:before,
.navicon:after {
background: mix(#000, $primary-color, 25%);
background: color.mix(#000, $primary-color, 25%);
}

&.close {
Expand Down Expand Up @@ -516,12 +517,12 @@ body:hover .visually-hidden button {
========================================================================== */

.footnote {
color: mix(#fff, $gray, 25%);
color: color.mix(#fff, $gray, 25%);
text-decoration: none;
}

.footnotes {
color: mix(#fff, $gray, 25%);
color: color.mix(#fff, $gray, 25%);

ol,
li,
Expand Down
23 changes: 12 additions & 11 deletions _sass/minimal-mistakes/_variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
Variables
========================================================================== */
Expand Down Expand Up @@ -59,16 +60,16 @@ $h-size-6: 1em !default; // ~16px
========================================================================== */

$gray: #7a8288 !default;
$dark-gray: mix(#000, $gray, 50%) !default;
$darker-gray: mix(#000, $gray, 60%) !default;
$light-gray: mix(#fff, $gray, 50%) !default;
$lighter-gray: mix(#fff, $gray, 90%) !default;
$dark-gray: color.mix(#000, $gray, 50%) !default;
$darker-gray: color.mix(#000, $gray, 60%) !default;
$light-gray: color.mix(#fff, $gray, 50%) !default;
$lighter-gray: color.mix(#fff, $gray, 90%) !default;

$background-color: #fff !default;
$code-background-color: #fafafa !default;
$code-background-color-dark: $light-gray !default;
$text-color: $dark-gray !default;
$muted-text-color: mix(#fff, $text-color, 20%) !default;
$muted-text-color: color.mix(#fff, $text-color, 20%) !default;
$border-color: $lighter-gray !default;
$form-background-color: $lighter-gray !default;
$footer-background-color: $lighter-gray !default;
Expand All @@ -85,7 +86,7 @@ $warning-color: #d67f05 !default;
$danger-color: #ee5f5b !default;
$info-color: #3b9cba !default;
$focus-color: $primary-color !default;
$active-color: mix(#fff, $primary-color, 80%) !default;
$active-color: color.mix(#fff, $primary-color, 80%) !default;

/* YIQ color contrast */
$yiq-contrasted-dark-default: $dark-gray !default;
Expand Down Expand Up @@ -120,12 +121,12 @@ $youtube-color: #bb0000 !default;
$xing-color: #006567 !default;

/* links */
$link-color: mix(#000, $info-color, 20%) !default;
$link-color-hover: mix(#000, $link-color, 25%) !default;
$link-color-visited: mix(#fff, $link-color, 15%) !default;
$link-color: color.mix(#000, $info-color, 20%) !default;
$link-color-hover: color.mix(#000, $link-color, 25%) !default;
$link-color-visited: color.mix(#fff, $link-color, 15%) !default;
$masthead-link-color: $primary-color !default;
$masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;
$navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;
$masthead-link-color-hover: color.mix(#000, $primary-color, 25%) !default;
$navicon-link-color-hover: color.mix(#fff, $primary-color, 75%) !default;

/* notices */
$notice-background-mix: 80% !default;
Expand Down
5 changes: 3 additions & 2 deletions _sass/minimal-mistakes/skins/_air.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
Air skin
========================================================================== */
Expand All @@ -8,12 +9,12 @@ $text-color: #2a2a2a !default;
$muted-text-color: $color-secondary !default;
$primary-color: $color-primary !default;
$accent-color: $color-accent !default;
$border-color: mix(#fff, $text-color, 85%) !default;
$border-color: color.mix(#fff, $text-color, 85%) !default;
$footer-background-color: $primary-color !default;
$link-color: $primary-color !default;
$masthead-link-color: $text-color !default;
$masthead-link-color-hover: $text-color !default;
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
$navicon-link-color-hover: color.mix(#fff, $text-color, 80%) !default;

.page__footer {
color: #fff !important; // override
Expand Down
15 changes: 8 additions & 7 deletions _sass/minimal-mistakes/skins/_aqua.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
@use "sass:color";
/* ==========================================================================
Aqua skin
========================================================================== */

/* Colors */
$gray : #1976d2 !default;
$dark-gray : mix(#000, $gray, 40%) !default;
$darker-gray : mix(#000, $gray, 60%) !default;
$light-gray : mix(#fff, $gray, 50%) !default;
$lighter-gray : mix(#fff, $gray, 90%) !default;
$dark-gray : color.mix(#000, $gray, 40%) !default;
$darker-gray : color.mix(#000, $gray, 60%) !default;
$light-gray : color.mix(#fff, $gray, 50%) !default;
$lighter-gray : color.mix(#fff, $gray, 90%) !default;

$body-color : #fff !default;
$background-color : #f0fff0 !default;
Expand All @@ -24,10 +25,10 @@ $info-color : #03a9f4 !default;

/* links */
$link-color : $info-color !default;
$link-color-hover : mix(#000, $link-color, 25%) !default;
$link-color-visited : mix(#fff, $link-color, 25%) !default;
$link-color-hover : color.mix(#000, $link-color, 25%) !default;
$link-color-visited : color.mix(#fff, $link-color, 25%) !default;
$masthead-link-color : $primary-color !default;
$masthead-link-color-hover : mix(#000, $primary-color, 25%) !default;
$masthead-link-color-hover : color.mix(#000, $primary-color, 25%) !default;

/* notices */
$notice-background-mix: 90% !default;
Expand Down
5 changes: 3 additions & 2 deletions _sass/minimal-mistakes/skins/_contrast.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
Contrast skin
========================================================================== */
Expand All @@ -6,12 +7,12 @@
$text-color: #000 !default;
$muted-text-color: $text-color !default;
$primary-color: #ff0000 !default;
$border-color: mix(#fff, $text-color, 75%) !default;
$border-color: color.mix(#fff, $text-color, 75%) !default;
$footer-background-color: #000 !default;
$link-color: #0000ff !default;
$masthead-link-color: $text-color !default;
$masthead-link-color-hover: $text-color !default;
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
$navicon-link-color-hover: color.mix(#fff, $text-color, 80%) !default;

/* contrast syntax highlighting (base16) */
$base00: #000000 !default;
Expand Down
21 changes: 11 additions & 10 deletions _sass/minimal-mistakes/skins/_dark.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "sass:color";
/* ==========================================================================
Dark skin
========================================================================== */
Expand All @@ -6,17 +7,17 @@
$background-color: #252a34 !default;
$text-color: #eaeaea !default;
$primary-color: #00adb5 !default;
$border-color: mix(#fff, $background-color, 20%) !default;
$code-background-color: mix(#000, $background-color, 15%) !default;
$code-background-color-dark: mix(#000, $background-color, 20%) !default;
$form-background-color: mix(#000, $background-color, 15%) !default;
$footer-background-color: mix(#000, $background-color, 30%) !default;
$link-color: mix($primary-color, $text-color, 40%) !default;
$link-color-hover: mix(#fff, $link-color, 25%) !default;
$link-color-visited: mix(#000, $link-color, 25%) !default;
$border-color: color.mix(#fff, $background-color, 20%) !default;
$code-background-color: color.mix(#000, $background-color, 15%) !default;
$code-background-color-dark: color.mix(#000, $background-color, 20%) !default;
$form-background-color: color.mix(#000, $background-color, 15%) !default;
$footer-background-color: color.mix(#000, $background-color, 30%) !default;
$link-color: color.mix($primary-color, $text-color, 40%) !default;
$link-color-hover: color.mix(#fff, $link-color, 25%) !default;
$link-color-visited: color.mix(#000, $link-color, 25%) !default;
$masthead-link-color: $text-color !default;
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
$masthead-link-color-hover: color.mix(#000, $text-color, 20%) !default;
$navicon-link-color-hover: color.mix(#000, $background-color, 30%) !default;

.author__urls.social-icons i,
.author__urls.social-icons .svg-inline--fa,
Expand Down
Loading