From 926852823028ade82a820b0f496eaf1f61f27cad Mon Sep 17 00:00:00 2001
From: Luiz F. A. de Prá <rawarkanis@gmail.com>
Date: Tue, 24 Feb 2026 00:05:05 +0000
Subject: [PATCH] Replace SCSS with modern CSS
---
assets/css/_base.css | 39 +++++++++++++++++++--------------------
1 files changed, 19 insertions(+), 20 deletions(-)
diff --git a/assets/scss/_base.scss b/assets/css/_base.css
similarity index 83%
rename from assets/scss/_base.scss
rename to assets/css/_base.css
index 6344d2c..a190a2b 100644
--- a/assets/scss/_base.scss
+++ b/assets/css/_base.css
@@ -10,9 +10,9 @@
}
body {
- color: $fg-color;
- background-color: $bg-color;
- font-family: $font-family;
+ color: var(--fg-color);
+ background-color: var(--bg-color);
+ font-family: var(--font-family);
font-size: 1.8em;
font-weight: 400;
line-height: 1.8em;
@@ -29,7 +29,7 @@
a {
font-weight: 500;
- color: $link-color;
+ color: var(--link-color);
text-decoration: none;
transition: all 0.25s ease-in;
@@ -52,9 +52,9 @@
h4,
h5,
h6 {
- font-family: $font-family;
+ font-family: var(--font-family);
font-weight: 600;
- color: $alt-fg-color;
+ color: var(--alt-fg-color);
margin: 4rem 0 2.5rem 0;
&:hover .heading-link {
@@ -62,7 +62,7 @@
}
.heading-link {
- color: $link-color;
+ color: var(--link-color);
font-weight: inherit;
text-decoration: none;
font-size: 80%;
@@ -153,7 +153,7 @@
pre {
display: block;
- font-family: $code-font-family;
+ font-family: var(--code-font-family);
font-size: 1.6rem;
font-weight: 400;
line-height: 2.6rem;
@@ -170,25 +170,26 @@
}
code {
- font-family: $code-font-family;
+ font-family: var(--code-font-family);
font-size: 1.6rem;
font-weight: 400;
border-radius: 0.6rem;
padding: 0.3rem 0.6rem;
- background-color: $darker-alt-bg-color;
- color: $fg-color;
+ background-color: var(--darker-alt-bg-color);
+ color: var(--fg-color);
@media only screen and (max-width: 768px) {
font-size: 1.5rem;
}
}
blockquote {
- border-left: 2px solid $alt-bg-color;
+ border-left: 2px solid var(--alt-bg-color);
padding-left: 2rem;
line-height: 2.2rem;
font-weight: 400;
font-style: italic;
}
+
* {
-webkit-tap-highlight-color: transparent;
}
@@ -204,7 +205,7 @@
table td,
table th {
- border: 2px solid $alt-fg-color;
+ border: 2px solid var(--alt-fg-color);
}
table tr:first-child th {
@@ -240,13 +241,11 @@
}
.preload-transitions * {
- $null-transition: none !important;
-
- -webkit-transition: $null-transition;
- -moz-transition: $null-transition;
- -ms-transition: $null-transition;
- -o-transition: $null-transition;
- transition: $null-transition;
+ -webkit-transition: none !important;
+ -moz-transition: none !important;
+ -ms-transition: none !important;
+ -o-transition: none !important;
+ transition: none !important;
}
.wrapper {
--
Gitblit v1.10.0