fix: updated sass to use @use instead of @import

This commit is contained in:
2025-07-16 11:44:05 +02:00
parent a83befd5b2
commit 02e4c01bd0
24 changed files with 45 additions and 45 deletions

View File

@@ -1,4 +1,4 @@
@import "../../assets/scss/variables";
@use "../../assets/scss/variables" as *;
$shadow: 0px -1px 5px rgba(50, 50, 50, 0.75);

View File

@@ -1,5 +1,5 @@
@import "../../assets/scss/variables";
@import "../../assets/scss/mixins";
@use "../../assets/scss/variables" as *;
@use "../../assets/scss/mixins" as *;
.feed {
.item {

View File

@@ -1,5 +1,5 @@
@import "../../assets/scss/variables";
@import "../../assets/scss/mixins";
@use "../../assets/scss/variables" as *;
@use "../../assets/scss/mixins" as *;
.layout {
lost-center: $layout-width;

View File

@@ -1,5 +1,5 @@
@import "../../assets/scss/variables";
@import "../../assets/scss/mixins";
@use "../../assets/scss/variables" as *;
@use "../../assets/scss/mixins" as *;
.page {
@include margin-bottom(2);

View File

@@ -1,7 +1,7 @@
@use "sass:color";
@import "../../assets/scss/variables";
@import "../../assets/scss/mixins";
@use "../../assets/scss/variables" as *;
@use "../../assets/scss/mixins" as *;
.pagination {
display: flex;

View File

@@ -1,5 +1,5 @@
@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";
@use "../../../assets/scss/variables" as *;
@use "../../../assets/scss/mixins" as *;
.author {
border-top: 1px solid $color-gray-border;

View File

@@ -1,5 +1,5 @@
@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";
@use "../../../assets/scss/variables" as *;
@use "../../../assets/scss/mixins" as *;
.content {
@include margin-auto();

View File

@@ -1,5 +1,5 @@
@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";
@use "../../../assets/scss/variables" as *;
@use "../../../assets/scss/mixins" as *;
.meta {
.date {

View File

@@ -1,5 +1,5 @@
@import "../../assets/scss/variables";
@import "../../assets/scss/mixins";
@use "../../assets/scss/variables" as *;
@use "../../assets/scss/mixins" as *;
.post {

View File

@@ -1,5 +1,5 @@
@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";
@use "../../../assets/scss/variables" as *;
@use "../../../assets/scss/mixins" as *;
.tags {
@include margin-bottom(0.5);

View File

@@ -1,5 +1,5 @@
@import "../../assets/scss/variables";
@import "../../assets/scss/mixins";
@use "../../assets/scss/variables" as *;
@use "../../assets/scss/mixins" as *;
.header {
align-items: baseline;

View File

@@ -1,5 +1,5 @@
@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";
@use "../../../assets/scss/variables" as *;
@use "../../../assets/scss/mixins" as *;
.author {
.photo {

View File

@@ -1,5 +1,5 @@
@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";
@use "../../../assets/scss/variables" as *;
@use "../../../assets/scss/mixins" as *;
.contacts {
@include margin-bottom(1);

View File

@@ -1,7 +1,7 @@
@use "sass:color";
@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";
@use "../../../assets/scss/variables" as *;
@use "../../../assets/scss/mixins" as *;
.copyright {
color: $color-gray;

View File

@@ -1,5 +1,5 @@
@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";
@use "../../../assets/scss/variables" as *;
@use "../../../assets/scss/mixins" as *;
.menu {
.list {

View File

@@ -1,5 +1,5 @@
@import "../../assets/scss/variables";
@import "../../assets/scss/mixins";
@use "../../assets/scss/variables" as *;
@use "../../assets/scss/mixins" as *;
.sidebar {
width: 100%;