Initial Release
This commit is contained in:
15
assets/css/paginator.css
Normal file
15
assets/css/paginator.css
Normal file
@ -0,0 +1,15 @@
|
||||
.pagination {
|
||||
@apply inline-flex border rounded px-1 dark:border-gray-600;
|
||||
}
|
||||
.page-item {
|
||||
@apply mx-0.5 my-1 cursor-pointer rounded hover:bg-gray-800 hover:text-white dark:hover:bg-gray-500 dark:hover:text-white;
|
||||
}
|
||||
a.page-link {
|
||||
@apply px-3 py-1 block;
|
||||
}
|
||||
.page-item.active {
|
||||
@apply bg-gray-800 text-white dark:bg-gray-300 dark:text-gray-900;
|
||||
}
|
||||
.page-item.disabled {
|
||||
@apply text-gray-400 hover:bg-transparent hover:text-gray-400 cursor-not-allowed;
|
||||
}
|
||||
13
assets/css/postcss.config.js
Normal file
13
assets/css/postcss.config.js
Normal file
@ -0,0 +1,13 @@
|
||||
const themeDir = __dirname + "/../../";
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
require("postcss-import")({
|
||||
path: [themeDir],
|
||||
}),
|
||||
require("tailwindcss")(themeDir + "assets/css/tailwind.config.js"),
|
||||
require("autoprefixer")({
|
||||
path: [themeDir],
|
||||
}),
|
||||
],
|
||||
};
|
||||
55
assets/css/site.css
Normal file
55
assets/css/site.css
Normal file
@ -0,0 +1,55 @@
|
||||
/* Custom Styles */
|
||||
body {
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
/* Fonts */
|
||||
|
||||
/* inter-300 - latin */
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url("/fonts/inter-v3-latin-300.eot"); /* IE9 Compat Modes */
|
||||
src: local(""),
|
||||
url("/fonts/inter-v3-latin-300.eot?#iefix") format("embedded-opentype"),
|
||||
/* IE6-IE8 */ url("/fonts/inter-v3-latin-300.woff2") format("woff2"),
|
||||
/* Super Modern Browsers */ url("/fonts/inter-v3-latin-300.woff")
|
||||
format("woff"),
|
||||
/* Modern Browsers */ url("/fonts/inter-v3-latin-300.ttf")
|
||||
format("truetype"),
|
||||
/* Safari, Android, iOS */ url("/fonts/inter-v3-latin-300.svg#Inter")
|
||||
format("svg"); /* Legacy iOS */
|
||||
}
|
||||
/* inter-500 - latin */
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url("/fonts/inter-v3-latin-500.eot"); /* IE9 Compat Modes */
|
||||
src: local(""),
|
||||
url("/fonts/inter-v3-latin-500.eot?#iefix") format("embedded-opentype"),
|
||||
/* IE6-IE8 */ url("/fonts/inter-v3-latin-500.woff2") format("woff2"),
|
||||
/* Super Modern Browsers */ url("/fonts/inter-v3-latin-500.woff")
|
||||
format("woff"),
|
||||
/* Modern Browsers */ url("/fonts/inter-v3-latin-500.ttf")
|
||||
format("truetype"),
|
||||
/* Safari, Android, iOS */ url("/fonts/inter-v3-latin-500.svg#Inter")
|
||||
format("svg"); /* Legacy iOS */
|
||||
}
|
||||
/* inter-700 - latin */
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("/fonts/inter-v3-latin-700.eot"); /* IE9 Compat Modes */
|
||||
src: local(""),
|
||||
url("/fonts/inter-v3-latin-700.eot?#iefix") format("embedded-opentype"),
|
||||
/* IE6-IE8 */ url("/fonts/inter-v3-latin-700.woff2") format("woff2"),
|
||||
/* Super Modern Browsers */ url("/fonts/inter-v3-latin-700.woff")
|
||||
format("woff"),
|
||||
/* Modern Browsers */ url("/fonts/inter-v3-latin-700.ttf")
|
||||
format("truetype"),
|
||||
/* Safari, Android, iOS */ url("/fonts/inter-v3-latin-700.svg#Inter")
|
||||
format("svg"); /* Legacy iOS */
|
||||
}
|
||||
55
assets/css/styles.css
Normal file
55
assets/css/styles.css
Normal file
@ -0,0 +1,55 @@
|
||||
/* Tailwind base - put variables under: tailwind.config.js */
|
||||
@import "node_modules/tailwindcss/base";
|
||||
/* Tailwind component classes registered by plugins*/
|
||||
@import "node_modules/tailwindcss/components";
|
||||
/* Site Specific */
|
||||
@import "assets/css/site";
|
||||
/* Paginator */
|
||||
@import "assets/css/paginator";
|
||||
/* Tailwind's utility classes - generated based on config file */
|
||||
@import "node_modules/tailwindcss/utilities";
|
||||
|
||||
@layer components {
|
||||
details.toc[open] summary ~ * {
|
||||
animation: slideUp 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes slideUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
details.toc[open] summary svg {
|
||||
@apply transform duration-200 rotate-180 ease-in-out;
|
||||
}
|
||||
|
||||
details.toc > ul {
|
||||
@apply ml-4;
|
||||
}
|
||||
|
||||
details.toc ul {
|
||||
@apply list-none;
|
||||
margin-top: 0.125rem /* 2px */ !important;
|
||||
margin-bottom: 0.125rem /* 2px */ !important;
|
||||
}
|
||||
details.toc ul li {
|
||||
margin-top: 0.125rem /* 2px */ !important;
|
||||
margin-bottom: 0.125rem /* 2px */ !important;
|
||||
}
|
||||
details.toc ul li:before {
|
||||
@apply rounded-none bg-gray-400;
|
||||
}
|
||||
details.toc ul li a {
|
||||
@apply no-underline text-gray-700 dark:text-gray-200 text-base;
|
||||
}
|
||||
|
||||
a:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
110
assets/css/tailwind.config.js
Normal file
110
assets/css/tailwind.config.js
Normal file
@ -0,0 +1,110 @@
|
||||
const themeDir = __dirname + "/../../";
|
||||
|
||||
module.exports = {
|
||||
purge: {
|
||||
enabled: process.env.HUGO_ENVIRONMENT === "production",
|
||||
content: [
|
||||
themeDir + "layouts/**/*.html",
|
||||
themeDir + "content/**/*.html",
|
||||
"layouts/**/*.html",
|
||||
"config.toml",
|
||||
"content/**/*.html",
|
||||
"assets/js/search.js",
|
||||
"exampleSite/layouts/**/*.html",
|
||||
"exampleSite/config.toml",
|
||||
"exampleSite/content/**/*.html",
|
||||
],
|
||||
},
|
||||
darkMode: "class",
|
||||
theme: {
|
||||
extend: {
|
||||
typography: (theme) => ({
|
||||
DEFAULT: {
|
||||
css: [
|
||||
{
|
||||
'code::before': {
|
||||
content: '""',
|
||||
},
|
||||
'code::after': {
|
||||
content: '""',
|
||||
},
|
||||
}
|
||||
]
|
||||
},
|
||||
dark: {
|
||||
css: [
|
||||
{
|
||||
color: theme("colors.gray.400"),
|
||||
'[class~="lead"]': {
|
||||
color: theme("colors.gray.300"),
|
||||
},
|
||||
a: {
|
||||
color: theme("colors.white"),
|
||||
},
|
||||
strong: {
|
||||
color: theme("colors.white"),
|
||||
},
|
||||
"ol > li::before": {
|
||||
color: theme("colors.gray.400"),
|
||||
},
|
||||
"ul > li::before": {
|
||||
backgroundColor: theme("colors.gray.600"),
|
||||
},
|
||||
hr: {
|
||||
borderColor: theme("colors.gray.200"),
|
||||
},
|
||||
blockquote: {
|
||||
color: theme("colors.gray.200"),
|
||||
borderLeftColor: theme("colors.gray.600"),
|
||||
},
|
||||
h1: {
|
||||
color: theme("colors.white"),
|
||||
},
|
||||
h2: {
|
||||
color: theme("colors.white"),
|
||||
},
|
||||
h3: {
|
||||
color: theme("colors.white"),
|
||||
},
|
||||
h4: {
|
||||
color: theme("colors.white"),
|
||||
},
|
||||
"figure figcaption": {
|
||||
color: theme("colors.gray.400"),
|
||||
},
|
||||
code: {
|
||||
color: theme("colors.white"),
|
||||
},
|
||||
"a code": {
|
||||
color: theme("colors.white"),
|
||||
},
|
||||
'code::before': {
|
||||
content: '""',
|
||||
},
|
||||
'code::after': {
|
||||
content: '""',
|
||||
},
|
||||
pre: {
|
||||
color: theme("colors.gray.200"),
|
||||
backgroundColor: theme("colors.gray.800"),
|
||||
},
|
||||
thead: {
|
||||
color: theme("colors.white"),
|
||||
borderBottomColor: theme("colors.gray.400"),
|
||||
},
|
||||
"tbody tr": {
|
||||
borderBottomColor: theme("colors.gray.600"),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
}),
|
||||
},
|
||||
},
|
||||
variants: {
|
||||
extend: {
|
||||
typography: ["dark"],
|
||||
},
|
||||
},
|
||||
plugins: [require("@tailwindcss/typography")],
|
||||
};
|
||||
Reference in New Issue
Block a user