From 9f9a6a1ba6f257ba209c564a3e24253c53c1cd1d Mon Sep 17 00:00:00 2001 From: BurnyLlama Date: Mon, 5 Jun 2023 21:48:54 +0200 Subject: [PATCH] Added a description of what Nebulosa is. --- src/defaults.scss | 1 + web/pages/index.njk | 20 ++++++++++++++++---- 2 files changed, 17 insertions(+), 4 deletions(-) diff --git a/src/defaults.scss b/src/defaults.scss index b5c92cd..dea13bc 100644 --- a/src/defaults.scss +++ b/src/defaults.scss @@ -17,4 +17,5 @@ body { font-family: 'Manrope', sans-serif; color: palette.$text; background-color: palette.$surface; + font-size: 12pt; } \ No newline at end of file diff --git a/web/pages/index.njk b/web/pages/index.njk index c241f2b..ceb4d69 100644 --- a/web/pages/index.njk +++ b/web/pages/index.njk @@ -4,8 +4,20 @@

Welcome to Nebulosa CSS!

-

Headings

-

Buttons

-

Text

-

Forms

+

What is Nebulosa CSS?

+

+ Nebulosa CSS is a CSS framework that you generate yourself! The idea is that you create your own config file and, if you are + hardcore, your own palette. After that you just run the build script and boom! Your own custom CSS framework catered to your needs. This means a reduction in bloat and excess styling, since you only build what you need. +

+

+ Nebulosa CSS will give you a package of common components and layouts that look okay out of the box, but the thing is, Nebulosa CSS shouldn't replace the heart and soul of your project, unless you want to, so you are advised to create your own CSS building on top of Nebulosa! +

+

What does it look like?

+

This site is built solely on Nebulosa CSS — so it should give you a taste. Below are links to guides visualising all the components and layouts of Nebulosa CSS:

+ {% endblock %}