search

Basilcss / core

🪴 Basil.css is an open source, simple and lightweight CSS framework for building custom user interfaces.
https://www.basilcss.com
MIT License
3 stars 6 forks source link

readme

basilcss logo

Basil CSS

A simple and lightweight CSS framework for building custom user interfaces.

How to use

  1. Run npm install basilcss or yarn add basilcss in your project directory.
  2. Go to your root file for example main.jsx and write import 'basilcss' on top of your file.
  3. Start styling your project.

If you have a vanilla HTML/CSS/JS project just add this line in your <head> HTML tag above your root css file: <link rel="stylesheet" href="https://unpkg.com/basilcss@latest/basil.css"> Make sure it's above so you can overwrite and spice up your styles as you develop your project.

Like so:

<head>
<link rel="stylesheet" href="https://unpkg.com/basilcss@latest/basil.css">
// make sure it's above the main css file
<link rel="stylesheet" href="https://github.com/Basilcss/core/blob/main/styles/main.css">
</head>

Contributing

If you're interested in contributing to Basil CSS, please read our contributing docs before submitting a pull request.

Documentation

Link to documentation