restructure css to use scss

Author: gasparnagy

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
   "cSpell.words": [
+    "kortez",
     "Reqnroll",
     "Tricentis"
   ]

_includes/head.html

@@ -9,9 +9,7 @@
 
 	{%- seo -%}
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css">
-    <link rel="stylesheet" href="{{ '/assets/css/legacy.css' | relative_url }}">
-    <link rel="stylesheet" href="{{ '/assets/kortez-fse/style.css' | relative_url }}">
-    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
     {%- feed_meta -%}
     {%- if jekyll.environment == 'production' and site.google_analytics -%}
       {%- include google-analytics.html -%}

assets/css/main.scss _sass/legacy1.scssassets/css/main.scss renamed to _sass/legacy1.scss

@@ -1,7 +1,4 @@
----
-# Only the main Sass file needs front matter (the dashes are enough)
----
-
+$site_url: "" !default;
 
 .wp-block-site-logo {
     box-sizing: border-box;
@@ -2176,39 +2173,39 @@ img:is([sizes="auto" i], [sizes^="auto," i]) {
     font-style: normal;
     font-weight: 300;
     font-display: fallback;
-    src: url('{{ site.url }}/assets/kortez-fse/fonts/manrope/Manrope-Light.ttf') format('truetype');
+    src: url($site_url + '/assets/kortez-fse/fonts/manrope/Manrope-Light.ttf') format('truetype');
 }
 
 @font-face {
     font-family: Manrope;
     font-style: normal;
     font-weight: 400;
     font-display: fallback;
-    src: url('{{ site.url }}/assets/kortez-fse/fonts/manrope/Manrope-Regular.ttf') format('truetype');
+    src: url($site_url + '/assets/kortez-fse/fonts/manrope/Manrope-Regular.ttf') format('truetype');
 }
 
 @font-face {
     font-family: Manrope;
     font-style: normal;
     font-weight: 500;
     font-display: fallback;
-    src: url('{{ site.url }}/assets/kortez-fse/fonts/manrope/Manrope-Medium.ttf') format('truetype');
+    src: url($site_url + '/assets/kortez-fse/fonts/manrope/Manrope-Medium.ttf') format('truetype');
 }
 
 @font-face {
     font-family: Manrope;
     font-style: normal;
     font-weight: 600;
     font-display: fallback;
-    src: url('{{ site.url }}/assets/kortez-fse/fonts/manrope/Manrope-SemiBold.ttf') format('truetype');
+    src: url($site_url + '/assets/kortez-fse/fonts/manrope/Manrope-SemiBold.ttf') format('truetype');
 }
 
 @font-face {
     font-family: Manrope;
     font-style: normal;
     font-weight: 700;
     font-display: fallback;
-    src: url('{{ site.url }}/assets/kortez-fse/fonts/manrope/Manrope-Bold.ttf') format('truetype');
+    src: url($site_url + '/assets/kortez-fse/fonts/manrope/Manrope-Bold.ttf') format('truetype');
 }
 
 .termly-styles-module-primary-c2e506 {

assets/css/legacy.css _sass/legacy2.scssassets/css/legacy.css renamed to _sass/legacy2.scss

@@ -0,0 +1,5 @@
+// style for paged post lists in index and in /news
+
+.missing-image {
+  background-color: rgb(220, 220, 220);height: 200px;width: 100%;
+}

_sass/post-collection.scss

@@ -0,0 +1,5 @@
+$site_url: "" !default;
+@use "../assets/kortez-fse/style.css";
+@use "legacy2";
+@use "legacy1" with ($site_url: $site_url);
+@use "post-collection.scss";

_sass/style.scss

@@ -0,0 +1,4 @@
+---
+# do not remove the dashes
+---
+@use "style" with ($site_url: "{{site.url}}");