fix: remove unused css data and files
This commit is contained in:
Devin Haska
parent
5ca157c65a
commit
7a26fc3a9a
7 changed files with 0 additions and 335 deletions
|
|
@ -1,62 +0,0 @@
|
||||||
/**
|
|
||||||
* Color namer https://colornamer.robertcooper.me/
|
|
||||||
*/
|
|
||||||
|
|
||||||
const colors = {
|
|
||||||
aqua: {
|
|
||||||
50: "#aae9d2",
|
|
||||||
100: "#99e5ce",
|
|
||||||
200: "#79ddcc",
|
|
||||||
300: "#58d4d0",
|
|
||||||
400: "#38bdcc",
|
|
||||||
500: "#2c8daa",
|
|
||||||
600: "#226186",
|
|
||||||
700: "#193d61",
|
|
||||||
800: "#10203d",
|
|
||||||
900: "#060a18",
|
|
||||||
950: "#020206",
|
|
||||||
},
|
|
||||||
carotte: {
|
|
||||||
400: "#ed5215",
|
|
||||||
},
|
|
||||||
neutral: {
|
|
||||||
50: "#fafafa",
|
|
||||||
100: "#f5f5f5",
|
|
||||||
200: "#e5e5e5",
|
|
||||||
300: "#d4d4d4",
|
|
||||||
400: "#a3a3a3",
|
|
||||||
500: "#737373",
|
|
||||||
600: "#525252",
|
|
||||||
700: "#404040",
|
|
||||||
800: "#262626",
|
|
||||||
900: "#171717",
|
|
||||||
950: "#0a0a0a",
|
|
||||||
white: "#ffffff",
|
|
||||||
black: "#000000",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const colorSchemes = {
|
|
||||||
light: {
|
|
||||||
primary: "188deg 84% 35%",
|
|
||||||
secondary: "8 84% 50%",
|
|
||||||
background: "0 0% 98%",
|
|
||||||
surface: "188 27% 94%",
|
|
||||||
border: "188 48% 80%",
|
|
||||||
text: "0 0% 4%",
|
|
||||||
fadeText: "188 12% 32%",
|
|
||||||
shadow: "188deg 100% 18%",
|
|
||||||
},
|
|
||||||
dark: {
|
|
||||||
primary: "188deg 84% 28%",
|
|
||||||
secondary: "8 84% 43%",
|
|
||||||
background: "0 0% 4%",
|
|
||||||
surface: "202 10% 10%",
|
|
||||||
border: "208 27% 15%",
|
|
||||||
text: "0 0% 98%",
|
|
||||||
fadeText: "188 12% 70%",
|
|
||||||
shadow: "188deg 100% 18%",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
module.exports = { colors, colorSchemes };
|
|
||||||
|
|
@ -1,102 +0,0 @@
|
||||||
/**
|
|
||||||
* This approach for managing Web Fonts was derived from
|
|
||||||
* Aleksandr Hovhannisyan.
|
|
||||||
* See more here: https://www.aleksandrhovhannisyan.com/blog/configuring-web-fonts-in-11ty-with-global-data/
|
|
||||||
*/
|
|
||||||
|
|
||||||
const path = require("path").posix;
|
|
||||||
|
|
||||||
const FONT_STYLE = {
|
|
||||||
NORMAL: "normal",
|
|
||||||
ITALIC: "italic",
|
|
||||||
};
|
|
||||||
|
|
||||||
const FONT_DISPLAY = {
|
|
||||||
SWAP: "swap",
|
|
||||||
};
|
|
||||||
|
|
||||||
const FONT_VARIANT = {
|
|
||||||
BOLD: "Bold",
|
|
||||||
EXTRA_BOLD: "ExtraBold",
|
|
||||||
ITALIC: "Italic",
|
|
||||||
BOLD_ITALIC: "BoldItalic",
|
|
||||||
REGULAR: "Regular",
|
|
||||||
};
|
|
||||||
|
|
||||||
const getFontUrl = (src) => path.join("/assets/fonts", src);
|
|
||||||
|
|
||||||
const fallbacks = [
|
|
||||||
"-apple-system",
|
|
||||||
"BlinkMacSystemFont",
|
|
||||||
"Segoe UI",
|
|
||||||
"Roboto",
|
|
||||||
"Ubuntu",
|
|
||||||
"Open Sans",
|
|
||||||
"Helvetica Neue",
|
|
||||||
"sans-serif",
|
|
||||||
];
|
|
||||||
|
|
||||||
const fonts = {
|
|
||||||
display: {
|
|
||||||
family: "Anek Latin",
|
|
||||||
fallbacks,
|
|
||||||
weights: {
|
|
||||||
extraBold: {
|
|
||||||
display: FONT_DISPLAY.SWAP,
|
|
||||||
format: "truetype",
|
|
||||||
style: FONT_STYLE.NORMAL,
|
|
||||||
url: getFontUrl("/aneklatin/AnekLatin-ExtraBold.ttf"),
|
|
||||||
variant: FONT_VARIANT.EXTRA_BOLD,
|
|
||||||
weight: 800,
|
|
||||||
},
|
|
||||||
bold: {
|
|
||||||
display: FONT_DISPLAY.SWAP,
|
|
||||||
format: "truetype",
|
|
||||||
style: FONT_STYLE.NORMAL,
|
|
||||||
url: getFontUrl("/aneklatin/AnekLatin-Bold.ttf"),
|
|
||||||
variant: FONT_VARIANT.BOLD,
|
|
||||||
weight: 700,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
body: {
|
|
||||||
family: "iA Writer Quattro V",
|
|
||||||
fallbacks,
|
|
||||||
weights: {
|
|
||||||
regular: {
|
|
||||||
display: FONT_DISPLAY.SWAP,
|
|
||||||
format: "woff2",
|
|
||||||
style: FONT_STYLE.NORMAL,
|
|
||||||
url: getFontUrl("/quattro/iAWriterQuattroS-Regular.woff2"),
|
|
||||||
variant: FONT_VARIANT.REGULAR,
|
|
||||||
weight: 400,
|
|
||||||
},
|
|
||||||
italtic: {
|
|
||||||
display: FONT_DISPLAY.SWAP,
|
|
||||||
format: "woff2",
|
|
||||||
style: FONT_STYLE.ITALIC,
|
|
||||||
url: getFontUrl("/quattro/iAWriterQuattroS-Italic.woff2"),
|
|
||||||
variant: FONT_VARIANT.ITALIC,
|
|
||||||
weight: 400,
|
|
||||||
},
|
|
||||||
bold: {
|
|
||||||
display: FONT_DISPLAY.SWAP,
|
|
||||||
format: "woff2",
|
|
||||||
style: FONT_STYLE.NORMAL,
|
|
||||||
url: getFontUrl("/quattro/iAWriterQuattroS-Bold.woff2"),
|
|
||||||
variant: FONT_VARIANT.BOLD,
|
|
||||||
weight: 650,
|
|
||||||
},
|
|
||||||
boldItalic: {
|
|
||||||
display: FONT_DISPLAY.SWAP,
|
|
||||||
format: "woff2",
|
|
||||||
style: FONT_STYLE.ITALIC,
|
|
||||||
url: getFontUrl("/quattro/iAWriterQuattroS-BoldItalic.woff2"),
|
|
||||||
variant: FONT_VARIANT.BOLD_ITALIC,
|
|
||||||
weight: 650,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
module.exports = fonts;
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
const BASE_SPACING = 16;
|
|
||||||
|
|
||||||
const spacing = {
|
|
||||||
0: 0,
|
|
||||||
0.25: BASE_SPACING / 4,
|
|
||||||
0.5: BASE_SPACING / 2,
|
|
||||||
1: BASE_SPACING,
|
|
||||||
1.5: BASE_SPACING * 1.5,
|
|
||||||
2: BASE_SPACING * 2,
|
|
||||||
3: BASE_SPACING * 3,
|
|
||||||
4: BASE_SPACING * 4,
|
|
||||||
5: BASE_SPACING * 5,
|
|
||||||
};
|
|
||||||
|
|
||||||
module.exports = spacing;
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
{% set colorSchemes = colors.colorSchemes %}
|
|
||||||
{% set lightScheme = colorSchemes.light %}
|
|
||||||
{% set darkScheme = colorSchemes.dark %}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
{% for colorName, value in lightScheme %}
|
|
||||||
--{{ colorName }}: {{ value }};
|
|
||||||
--color-{{ colorName }}: hsl({{ value }});
|
|
||||||
{% endfor %}
|
|
||||||
}
|
|
||||||
|
|
||||||
{% for colorName, value in lightScheme %}
|
|
||||||
.bg-{{ colorName }} {
|
|
||||||
background-color: var(--color-{{ colorName }});
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-{{ colorName }} {
|
|
||||||
color: var(--color-{{ colorName }});
|
|
||||||
}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
:root {
|
|
||||||
{% for colorName, value in darkScheme %}
|
|
||||||
--{{ colorName }}: {{ value }};
|
|
||||||
--color-{{ colorName }}: hsl({{ value }});
|
|
||||||
{% endfor %}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
{% set allFonts = fonts | values %}
|
|
||||||
{% for font in allFonts %}
|
|
||||||
{% set weights = font.weights | values %}
|
|
||||||
{% for fontEntry in weights %}
|
|
||||||
{% if fontEntry.url %}
|
|
||||||
{% set family = font.family %}
|
|
||||||
{% set localName = font.family %}
|
|
||||||
{% set postScriptName = [font.family, fontEntry.variant] | join("-") | replace(" ", "") %}
|
|
||||||
@font-face {
|
|
||||||
font-family: {{ family }};
|
|
||||||
font-style: {{ fontEntry.style }};
|
|
||||||
font-weight: {{ fontEntry.weight }};
|
|
||||||
{% if fontEntry.display %}font-display: {{ fontEntry.display }};{% endif %}
|
|
||||||
src: local("{{ localName }}"), local("{{ postScriptName }}"), url("{{ fontEntry.url }}") format("{{ fontEntry.format }}")
|
|
||||||
}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
{% set allFonts = fonts | entries %}
|
|
||||||
|
|
||||||
html {
|
|
||||||
{% for fontType, fontConfig in fonts %}
|
|
||||||
{% set fallbackFonts = fontConfig.fallbacks | join(", ") %}
|
|
||||||
--font-family-{{ fontType }}: {{ fontConfig.family }}, {{ fallbackFonts }};
|
|
||||||
{% for weightName, weightConfig in fontConfig.weights %}
|
|
||||||
{% if weightConfig.style != "italic" %}
|
|
||||||
--font-weight-{{ fontType }}-{{ weightName | lower }}: {{ weightConfig.weight }};
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endfor %}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
@ -1,94 +0,0 @@
|
||||||
{% for keyRaw, value in spacing %}
|
|
||||||
{% set key = keyRaw | replace(".", "\\\.") | safe %}
|
|
||||||
.gap-{{ key }} {
|
|
||||||
gap: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row-gap-{{ key }} {
|
|
||||||
row-gap: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-gap-{{ key }} {
|
|
||||||
column-gap: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-{{ key }} {
|
|
||||||
padding: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.px-{{ key }} {
|
|
||||||
padding-inline: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.py-{{ key }} {
|
|
||||||
padding-block: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pl-{{ key }} {
|
|
||||||
padding-inline-start: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pr-{{ key }} {
|
|
||||||
padding-inline-end: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pt-{{ key }} {
|
|
||||||
padding-block-start: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pb-{{ key }} {
|
|
||||||
padding-block-end: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.m-{{ key }} {
|
|
||||||
margin: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mx-{{ key }} {
|
|
||||||
margin-inline: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.my-{{ key }} {
|
|
||||||
margin-block: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ml-{{ key }} {
|
|
||||||
margin-inline-start: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mr-{{ key }} {
|
|
||||||
margin-inline-end: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mt-{{ key }} {
|
|
||||||
margin-block-start: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mb-{{ key }} {
|
|
||||||
margin-block-end: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-{{ key }} {
|
|
||||||
width: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.h-{{ key }} {
|
|
||||||
height: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.size-{{ key }} {
|
|
||||||
width: {{ value }}px;
|
|
||||||
height: {{ value }}px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radius-{{ key }} {
|
|
||||||
border-radius: {{ value }}px;
|
|
||||||
}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
{% for keyRaw, value in spacing %}
|
|
||||||
{% set key = keyRaw | replace(".", "-") %}
|
|
||||||
--spacing-{{ key }}: {{ value }}px;
|
|
||||||
{% endfor %}
|
|
||||||
}
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue