Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/devinci-it/sassy-css

Sassy CSS is a simple and customizable CSS library designed to enhance your web projects with minimal effort.
https://github.com/devinci-it/sassy-css

css form html minimal ui web

Last synced: 22 days ago
JSON representation

Sassy CSS is a simple and customizable CSS library designed to enhance your web projects with minimal effort.

Awesome Lists containing this project

README

        

# Sassy CSS

[![HTML](https://img.shields.io/badge/HTML-5-orange)](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
[![CSS3](https://img.shields.io/badge/CSS-3-blue)](https://developer.mozilla.org/en-US/docs/Web/CSS)
[![Sass](https://img.shields.io/badge/Sass-scss-pink)](https://sass-lang.com/)
[![License](https://img.shields.io/badge/License-MIT-green)](LICENSE.txt)

## Overview

Sassy CSS is a simple and customizable CSS library designed to enhance your web projects with minimal effort.

## Contents

### 1. `buttons.css`

This file contains styles for various buttons, including primary, outline, and danger buttons. It also includes styles for button groups, sizes, and variations.

### 2. `form.css`

The `form.css` file provides styles for form elements, making it easy to create attractive and responsive forms.

### 3. `reset.css`

`reset.css` is a standard CSS reset file that helps achieve a consistent baseline styling across different browsers.

### 4. `styles.css`

`styles.css` may include additional global styles that are applied to the entire project. It serves as a central stylesheet for common styling.

### 5. `typography.css`

`typography.css` focuses on text-related styles, including headings, paragraphs, and code blocks. It helps maintain a consistent and readable text presentation.

## Demo

The `demo` directory contains HTML files that showcase the usage of different components and styles provided by Sassy CSS. Feel free to explore these demos to understand how to integrate the styles into your projects.
- [Buttons](https://devinci-it.github.io/sassy-css/css/demo/button.html)
- [Typography](https://devinci-it.github.io/sassy-css/css/demo/typography.html)
- [Inputs](https://devinci-it.github.io/sassy-css/css/demo/input.html)

## Contributing

We welcome contributions! If you find a bug, have a feature request, or want to contribute in any other way, please open an issue or create a pull request.

```bash
# Clone the repository
git clone https://github.com/devinci-it/sassy-css.git

# Navigate to the project directory
cd sassy-css

# Make your changes and create a new branch
git checkout -b feature/new-feature

# Commit your changes
git commit -m "Add new feature"

# Push to the branch
git push origin feature/new-feature

```

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.