mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-07-18 00:13:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Rick van Lieshout 2025-07-16 11:44:05 +02:00
parent a83befd5b2
commit 02e4c01bd0
24 changed files with 45 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/scss/_base.scss
View File

@ -1,6 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
@import "base/generic"; @use "base/generic";
.showInPrintView { .showInPrintView {
display: none; display: none;

8
src/assets/scss/_mixins.scss
View File

@ -1,6 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
@import "mixins/breakpoints"; @forward "mixins/breakpoints";
@import "mixins/line-height"; @forward "mixins/line-height";
@import "mixins/padding"; @forward "mixins/padding";
@import "mixins/margin"; @forward "mixins/margin";

4
src/assets/scss/base/_generic.scss
View File

@ -1,5 +1,5 @@
@import "../variables"; @use "../variables" as *;
@import "../mixins"; @use "../mixins" as *;
html { html {
font-size: $typographic-root-font-size; font-size: $typographic-root-font-size;

6
src/assets/scss/main.scss
View File

@ -1,5 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@import "variables"; @use "variables";
@import "mixins"; @use "mixins";
@import "base"; @use "base";

2
src/assets/scss/mixins/_breakpoints.scss
View File

@ -1,4 +1,4 @@
@import "../variables"; @use "../variables" as *;
@mixin breakpoint-xs { @mixin breakpoint-xs {
@content; @content;

2
src/assets/scss/mixins/_line-height.scss
View File

@ -1,4 +1,4 @@
@import "../variables"; @use "../variables" as *;
@mixin line-height($number) { @mixin line-height($number) {
line-height: #{$number * $typographic-leading + "px"}; line-height: #{$number * $typographic-leading + "px"};

2
src/assets/scss/mixins/_margin.scss
View File

@ -1,4 +1,4 @@
@import "../variables"; @use "../variables" as *;
@mixin margin-auto($number: 0) { @mixin margin-auto($number: 0) {
margin: #{$number * $typographic-leading + "px"} auto; margin: #{$number * $typographic-leading + "px"} auto;

2
src/assets/scss/mixins/_padding.scss
View File

@ -1,4 +1,4 @@
@import "../variables"; @use "../variables" as *;
@mixin padding-left($number) { @mixin padding-left($number) {
padding-left: #{$number * $typographic-leading + "px"}; padding-left: #{$number * $typographic-leading + "px"};

2
src/components/Cookiebar/CookieBar.module.scss
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); $shadow: 0px -1px 5px rgba(50, 50, 50, 0.75);

4
src/components/Feed/Feed.module.scss
View File

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

4
src/components/Layout/Layout.module.scss
View File

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

4
src/components/Page/Page.module.scss
View File

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

4
src/components/Pagination/Pagination.module.scss
View File

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

4
src/components/Post/Author/Author.module.scss
View File

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

4
src/components/Post/Content/Content.module.scss
View File

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

4
src/components/Post/Meta/Meta.module.scss
View File

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

4
src/components/Post/Post.module.scss
View File

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

4
src/components/Post/Tags/Tags.module.scss
View File

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

4
src/components/PostHeader/PostHeader.module.scss
View File

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

4
src/components/Sidebar/Author/Author.module.scss
View File

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

4
src/components/Sidebar/Contacts/Contacts.module.scss
View File

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

4
src/components/Sidebar/Copyright/Copyright.module.scss
View File

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

4
src/components/Sidebar/Menu/Menu.module.scss
View File

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

4
src/components/Sidebar/Sidebar.module.scss
View File

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