Default-Beauty.css

An implicit replacement for browsers' default styling

Default-Beauty.css makes default browsers' styling prettier in an implicit manner. Not really beautiful but rather anything you might live with until you are in resource to improve your app visuals.

You do not need to define any CSS classes or inline styles to have your HTML rendered prettier.

Just yarn add normalize.css && yarn add default-beauty.css

This page is an example of the approach employed. Click links on the top to switch between modes.

HTML elements render examples

Some inline code.

Pre-formatted block:

        :root {
            font-family: Helvetica, "Open Sans", Arial, sans-serif;
            --color-light: #efefef;
            --color-dark: #333;
        }

Header 3

Please, do not expect any controls below to fire any actions. They are here to just give you a look and feel.

Label

Header 4

Your favourite type

Text Date Number

Choose whatever you like

HTML CSS JS

Header 5. Table

Column 1	Column 2	Last column
Data 1.1	Data 2.1	Data 3.1
Data 1.2	Data 2.2	Data 3.2
Data 1.3	Data 2.3 spanned
Data spanned across 2 columns		Data 3.4
footer 1	footer 2	footer 3