init sass

3 months ago · 18cf3a5ca9
--- a/.eleventy.js
+++ b/.eleventy.js
@ -1,6 +1,12 @@
 const markdown_it = require('markdown-it');
 const sass_plugin = require('eleventy-plugin-sass')

 module.exports = function(c) {
    // add sass plugin
    c.addPlugin(sass_plugin, {
        watch: ['src/**/*.{scss,sass}', '!node_modules/**']
    });

    // add markdown filter & shortcode
    c.addFilter('md', markdown);
    c.addPairedShortcode('md', markdown);
--- a/package.json
+++ b/package.json
@ -7,6 +7,7 @@
 	"license": "GPL-3.0",
 	"dependencies": {
 		"@11ty/eleventy": "^0.11.1",
 		"eleventy-plugin-sass": "^1.1.1",
 		"markdown-it": "^12.0.3"
 	},
 	"scripts": {
--- a/src/_layouts/default.liquid
+++ b/src/_layouts/default.liquid
@ -17,6 +17,8 @@
        <meta property="og:title" content="{% if title %}{{ title }} - neko{% else %}neko{% endif %}">
        <meta property="og:type" content="website">
        <meta property="og:url" content="{{ page_url }}">

        <link rel="stylesheet" href="/assets/css/main.css">
    </head>
    <body>
        <div class="container">
--- a/src/assets/css/abstracts/_pallete.scss
+++ b/src/assets/css/abstracts/_pallete.scss
@ -0,0 +1,9 @@
 $clr-bg: #24283b;
 $clr-fg: #a9b1d6;

 $clr-red: #f7768e;
 $clr-yellow: #e0af68;
 $clr-lime: #9ece6a;
 $clr-cyan: #449dab;
 $clr-blue: #7aa2f7;
 $clr-magenta: #ad8ee6;
--- a/src/assets/css/base/_container.scss
+++ b/src/assets/css/base/_container.scss
@ -0,0 +1,4 @@
 body {
    background: $clr-bg;
    color: $clr-fg;
 }
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@ -0,0 +1,3 @@
@import "abstracts/pallete";

@import "base/container";
--- a/yarn.lock
+++ b/yarn.lock