Cirrus VS NES.css

💎 Cirrus 📝 Documentation

Do you like launching stuff? I like launching stuff! A few months ago, I released one of the largest updates to my CSS framework, Cirrus. Cirrus is a CSS framework designed for rapid prototyping and production use with a wide variety of ready-to-use components to plug into your app and utility classes to customize them. This makes building anything new with Cirrus a breeze with dead simple configuration and little overhead.

For this tutorial, let’s create a simple viewport mixin similar to the screen-above() mixin defined in Cirrus. The mixin below will apply any styles passed into it if it is larger than the specified breakpoints. Copy the contents below into a new file within /src/mixins.scss.

I previously thought Sass unit testing would never be a thing and why would it be a thing that developers would try to figure out. Today, I cannot think of developing Cirrus or any large projects with hundreds of styles without unit testing.

Update headline font sizes to have less of a gap from h1. 7d63a17

4. Cirrus.css

💎 Cirrus 📝 Documentation

Using it is incredibly simple. Go to a repository you are browsing, let's say https://github.com/Spiderpig86/Cirrus. Then, go to your address bar and change github.com to github1s.com and press enter. You should now see the repository loaded up in a VSCode-like window.

If you're interested, feel free to check out Cirrus! Documentation

If you want the NES art style you could try out https://nostalgic-css.github.io/NES.css/

in case it helps: https://nostalgic-css.github.io/NES.css/

It's not a fantasy one but here.

Based on the cursor, and my own experience with it, he's actually probably using https://github.com/nostalgic-css/NES.css/ so technically "NES font". But I do agree that it makes this less readable AND less respectable in the end. It's like writing a manifesto in Comic Sans. Serious topics deserve more serious fonts.

A theme built with Typescript, Gatsby, and NES.css for a One-page layout.