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: about 2 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 (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-01T15:20:28.000Z (8 months ago)
• Last Synced: 2024-10-19T04:08:55.071Z (6 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 CSS reset: a set of baseline styles that I use whenever I start a new project.

See the [source file](./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

- **Option 1: Direct Copy**

  Copy the contents of [the stylesheet](./base.css) and paste it into your CSS file.

- **Option 2: Link to the Latest Version**

  Alternatively, you can link to the most recent version of the stylesheet in your HTML file:

  ```html

  

  ```

## 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)