Skip to content

luxonauta/luxa

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
September 5, 2022 11:29
September 5, 2022 11:32
September 15, 2022 16:10
September 5, 2022 11:33
September 5, 2022 11:28
September 5, 2022 11:29
September 4, 2022 17:25
September 5, 2022 11:29
September 5, 2022 11:30
September 5, 2022 11:30

Luxa CSS logo

Luxa CSS

A minimalist CSS framework.

See the documentation with examples here.

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.

Quick Start

by CDN

You can use Luxa CSS by CDN, provided by the 🦾 jsDeliver service, below:

<link
	rel="stylesheet"
	href="https://cdn.jsdelivr.net/gh/luxonauta/luxa@1.1/dist/expanded/luxa.css"
/>

<link
	rel="stylesheet"
	href="https://cdn.jsdelivr.net/gh/luxonauta/luxa@1.1/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:

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! 👌😁

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!