luxonauta / Luxa
Labels
Projects that are alternatives of or similar to Luxa
Luxa CSS
A minimalist CSS framework.
See the documentation with examples here!
You can also see the collection on Codepen 💖
Simple and focused, its goal is to provide a lightweight solution that can be easily implemented in any development context.
With simple class names like .lx-btn
or .lx-row
, and a simple modifier system, like .is-left
.
Table of contents
Quick Start
by CDN
You can use Luxa CSS by CDN, provided by the :mechanical_arm: jsDeliver service, below:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/luxonauta/[email protected]/dist/expanded/luxa.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/luxonauta/[email protected]/dist/compressed/luxa.css">
By Download
You can also download the files from the dist/ folder and include them in your HTML with a link
.
⚠️ There are two folders inside the dist/ folder:
- Expanded - A standard CSS file.
- Compressed - A minified version.
Rewrite and Change
If you want to rewrite or change something, to better suit your needs.
You can start by cloning the repository:
git clone https://github.com/luxonauta/luxa.git
This project needs Node, as we use Gulp.
Make sure you installed it with the following commands:
node --version
npm --version
npx --version
If they are not installed, follow the instructions here.
Install the Gulp command line utility
You can install it following the Gulp installation tutorial, or you can simply run the command on your terminal:
npm i
Verify your Gulp versions
gulp --version
Test it
Now all you have to do is initialize it:
npm run gulp
And you're ready! 👌😁
Browser Support
Luxa was developed with modern CSS, so it depends on the Gap property for Flexbox, which is not yet compatible with all browsers.
See the compatibility table below:
84+ = ✔ Ok | 63+ = ✔ Ok | 84+ = ✔ Ok | ✗ Not sup. | ✗ Not sup. |
See the source here (CanIUse.com).
How to contribute
If you want to help, there are many ways to do it! Start by reading the contribution guide.
Copyright and License
Copyright (c) 2020 Lucas de França. Code released under the MIT license.
English is not my native language, if there are any grammatical errors, please feel free to correct me, I will be very grateful!