Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/germanfrelo/base-css-stylesheet

An opinionated set of base styles for front-end web projects.
https://github.com/germanfrelo/base-css-stylesheet

base baseline css defaults normalization normalize normalize-css normalizer opinionated opinionated-defaults sanitization sanitize sanitize-css sanitizer

Last synced: 3 months ago
JSON representation

An opinionated set of base styles for front-end web projects.

Host: GitHub
URL: https://github.com/germanfrelo/base-css-stylesheet
Owner: germanfrelo
License: cc0-1.0
Created: 2021-10-30T16:36:58.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-09-01T15:20:28.000Z (5 months ago)
Last Synced: 2024-10-09T00:12:53.905Z (4 months ago)
Topics: base, baseline, css, defaults, normalization, normalize, normalize-css, normalizer, opinionated, opinionated-defaults, sanitization, sanitize, sanitize-css, sanitizer
Language: CSS
Homepage: https://germanfrelo.github.io/base-css-stylesheet/
Size: 141 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # base.css

[![pages-build-deployment](https://github.com/germanfrelo/base-css-stylesheet/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/germanfrelo/base-css-stylesheet/actions/workflows/pages/pages-build-deployment)

> [!NOTE]

> This is a **work in progress**.

This is my custom base stylesheet: a set of baseline styles that I use whenever I start a new project.

- [Source](./base.css)

- [Raw file](https://raw.githubusercontent.com/germanfrelo/base-css-stylesheet/main/base.css)

## Features

- It includes normalizing styles and useful defaults based on the following projects:

  - [@csstools/normalize.css](https://github.com/csstools/normalize.css)

  - [@csstools/sanitize.css](https://github.com/csstools/sanitize.css)

  - [@sindresorhus/modern-normalize](https://github.com/sindresorhus/modern-normalize)

  - [@jensimmons/cssremedy](https://github.com/jensimmons/cssremedy)

  - [@andy-piccalilli/modern-css-reset](https://github.com/andy-piccalilli/modern-css-reset)

  - [Josh Comeau's Custom CSS Reset](https://www.joshwcomeau.com/css/custom-css-reset)

- It's actively maintained and up to date.

## Browser support

Modern browsers (not Internet Explorer).

## Usage

- [Raw file](https://raw.githubusercontent.com/germanfrelo/base-css-stylesheet/main/base.css)

## Testing

There are various pages with HTML elements to be used for testing purposes. Some of them are:

- [@cbracco/html5-test-page](https://github.com/cbracco/html5-test-page)

- My custom page: [@germanfrelo/html-elements-test-page](https://github.com/germanfrelo/html-elements-test-page)