Commit 6389520c authored by sio's avatar sio
Browse files


parent 5fedb431
......@@ -2,4 +2,7 @@ node_modules/
......@@ -3,15 +3,7 @@
All notable changes to this project will be documented in this file.
This project adheres to [Semantic Versioning](
## v3.2.3 -
- Container now works properly
## v3.2.2 -
- Remove container in `$reset` cause it is not working
## v3.2.0 - 2021-08-02
## v0.0.1-a
- Support for multi themes
- Plugin: [Google Fonts](
......@@ -19,38 +11,3 @@ This project adheres to [Semantic Versioning](
- Plugin: Animations
- Plugin: add `spin` to Animations
- Rewrite `light` and `dark` themes
## v3.0.0 - 2020
This major update deprecates the old uses.
There is no migration guide as v2 was only used internally and all projects have already been updated by the maintainer.
- Update all the code to the new [DartSass Modules]( (not using anymore @import)
- Convert most helium variables into CSS native variables (custom properties)
- Add a basic "plugin system"
## Unreleased (v2 used internally) - 2019
- Chosen the name "Helium" (thanks to [Zhami]( for relinquish the name on NPM)
- Removed a lot of code again and still working on
- One import to rule them all (`@import "helium"` do all the work)
- Importing the library will no longer print any style by default
- Add dark theme
- Added "JUST-RESET" mode (a one-line config perfect for Markdown blogs)
@import "helium"
## Unreleased (v1 used internally) - 2018
Attempt to transform in a complete CSS framework.
The more projects I wrote using it, the more I realized I had to make it an importable and configurable framework.
In 2018 I rewrote it from scratch eliminating most of the code.
I started studying how to write as little CSS as possible.
## Unreleased - 2016-2018
I have created this project as a collection of snippets, functions, mixins to speed up my SASS/CSS workflow.
......@@ -6,7 +6,7 @@
Helium is a Sass toolkit that provide to the developer a lot of functions, mixins and variables to easily write complex stylesheets.
By default, Helium does not produce any output, so you can import it, use some of its utilities and not see your final css file grow in size.
By default this library produces no output, you can import it and use some of its utils without your css growing in size beyond the expected.
@use 'helium';
......@@ -47,16 +47,17 @@ npm i sass helium
### Usage
@use 'helium' with
$reset: true // this will print a basic reset to start with
@use 'helium' with (
$reset: true // this will print a basic reset to start with
Referring to the above example, due to the nature of [Sass Modules]( to use an utility you need to prefix them:
@use 'helium' with ($reset: true);
@use 'helium' with (
$reset: true
.my-navbar {
......@@ -69,7 +70,9 @@ Referring to the above example, due to the nature of [Sass Modules](https://sass
To avoid the `helium.` repetition, if you are not using another frameworks that would enter in conflict with helium you can do this:
@use 'helium' as * with ($reset: true);
@use 'helium' as * with (
$reset: true
.my-class {
@include is-fixed-top;
......@@ -14,7 +14,7 @@
"type": "git",
"url": ""
"author": "Alessio Malu",
"author": "",
"license": "MIT",
"devDependencies": {
"sass": "1.43.3",
......@@ -24,9 +24,9 @@
"keywords": [
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment