yuki/yuki.k4w411.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move scss includes into its own folder

Browse source
This commit is contained in:
yuki 2025-12-08 02:50:13 -03:00
parent e08c829077
commit ebd57d3392
Signed by: yuki
GPG key ID: 0C98E6FF04EC3915
6 changed files with 45 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
_includes/general.scss
View file

@ -1,27 +0,0 @@
@use "main-palette.scss" as mp;
$breakpoint: 768px;
* {
margin: 0;
box-sizing: border-box;
}
.main-page-wrapper {
height: min-content;
min-width: 0;
max-width: 802px;
margin: 8px auto;
border: 1px solid mp.$border;
/* DEATH TO ANTIALIASING */
img, .header-banner, #nav-hover {
image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
image-rendering: pixelated; /* Universal support since 2021 */
image-rendering: optimize-contrast; /* CSS3 Proposed */
-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}
}

3
_includes/lang-available.njk
View file

@ -1,3 +0,0 @@
{% for link in page.url | locale_links %}
<p class="lang-available" lang="{{ link.lang }}">{{ avail_text | i18n if avail_text else "lang-available" | i18n }} <a href="{{ link.url }}" hreflang="{{ link.lang }}">{{ link.label | lower }}</a></p>
{% endfor %}

0
_includes/fonts.scss → _includes/scss/fonts.scss
View file

29
_includes/scss/general.scss Normal file
View file

@ -0,0 +1,29 @@
@use "main-palette" as mp;
$breakpoint: 768px;
* {
margin: 0;
box-sizing: border-box;
}
.main-page-wrapper {
height: min-content;
min-width: 0;
max-width: 802px;
margin: 8px auto;
border: 1px solid mp.$border;
/* DEATH TO ANTIALIASING */
img,
.header-banner,
#nav-hover {
image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
image-rendering: pixelated; /* Universal support since 2021 */
image-rendering: optimize-contrast; /* CSS3 Proposed */
-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}
}

4
_includes/scss/main-palette.scss Normal file
View file

@ -0,0 +1,4 @@
$bg: #000;
$border: #761026;
$link: #ad3040;
$text: #ffd2dd;

22
css/main.scss
View file

@ -1,8 +1,10 @@
/* TODO: refactor into smaller includes */
@use "sass:color" as c;
@use "general";
@use "fonts";
@use "main-palette" as mp;
@use "scss/general";
@use "scss/fonts" as *;
@use "scss/main-palette" as mp;
$psize: 0.8em;
$h1size: 2em;
@ -36,7 +38,7 @@ body {
h4,
h5,
h6 {
font-family: fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-family: $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-weight: bold;
text-decoration: underline;
text-decoration-color: mp.$border;
@ -96,7 +98,7 @@ body {
width: 100%;
h1 {
margin: 10px 10px 0px 10px;
font-family: fonts.$ll;
font-family: $ll;
text-align: center;
text-decoration: none;
}
@ -114,7 +116,7 @@ body {
margin: 0px auto;
p {
font-family:
fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.2em;
}
}
@ -200,7 +202,7 @@ body {
);
color: mp.$text;
font-family: fonts.$ll;
font-family: $ll;
font-weight: normal;
font-size: 1em;
text-decoration: none;
@ -261,7 +263,7 @@ body {
margin-bottom: 4px;
border-bottom: 1px solid mp.$border;
text-decoration: none;
font-family: fonts.$ll;
font-family: $ll;
font-size: 1em;
background: mp.$bg;
background: linear-gradient(
@ -530,7 +532,7 @@ body {
a {
text-decoration: none;
font-family:
fonts.$ll, "Gill Sans", "Gill Sans MT", Calibri,
$ll, "Gill Sans", "Gill Sans MT", Calibri,
"Trebuchet MS", sans-serif;
}
}
@ -560,7 +562,7 @@ body {
p {
color: mp.$bg;
font-family:
fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 0.8em;
text-align: center;
}