BurnyLlama
/
nebulosa-css
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added a description of what Nebulosa is.

main
BurnyLlama 2023-06-05 21:48:54 +02:00
parent 29a013f4d1
commit 9f9a6a1ba6
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/defaults.scss
View File

@ -17,4 +17,5 @@ body {
font-family: 'Manrope', sans-serif;
color: palette.$text;
background-color: palette.$surface;
font-size: 12pt;
}

20
web/pages/index.njk
View File

@ -4,8 +4,20 @@
<header>
<h1>Welcome to Nebulosa CSS!</h1>
</header>
<p><a href="/headings">Headings</a></p>
<p><a href="/buttons">Buttons</a></p>
<p><a href="/text">Text</a></p>
<p><a href="/forms">Forms</a></p>
<h1>What is Nebulosa CSS?</h1>
<p>
Nebulosa CSS is a CSS framework that you generate yourself! The idea is that you create your own config file and, if you are
<i>hardcore</i>, 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.
</p>
<p>
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!
</p>
<h2>What does it look like?</h2>
<p>This site is built solely on Nebulosa CSS &mdash; so it should give you a taste. Below are links to guides visualising all the components and layouts of Nebulosa CSS:</p>
<ul>
<li><a href="/headings">Headings</a></li>
<li><a href="/buttons">Buttons</a></li>
<li><a href="/text">Text</a></li>
<li><a href="/forms">Forms</a></li>
</ul>
{% endblock %}