absucc / redefault

Link this as the last before your stylesheet in a webpage with a CSS framework and get a "traditional" webpage letter design.

Redefault.css

Link this as the last before your stylesheet in a webpage with a CSS framework and get a "traditional" webpage letter design.

Features

• Put letters into default: Get a "traditional" webpage letter design, it makes it when you import it

• Icons (3 types): use the class "ri" and it's subclasses in img to create circular icons

  • Sizes
    • size-0 (normal) [default]
    • size-1 / I (regular)
    • size-2 / II (big)
    • size-3 / III (extra big)
    • size-4 / IV (extra-extra big)
  • Forms
    • square [default]
    • semi-square
    • circular
  • Example: <img class="ri size-1 semi-square" src="https://avatars0.githubusercontent.com/u/60271170" alt="Lcibr"> makes

  

Install

Download

Only you have to download "redefault.css" or "redefault.min.css" and link it like this:

In HTML

<link rel="stylesheet" href="path/to/redefault.css">

In CSS

@import url('path/to/redefault.css');

CDN

Compressed

In HTML

<link rel="stylesheet" href="https://absucc.github.io/redefault/redefault.min.css">

In CSS

@import url('https://absucc.github.io/redefault/redefault.min.css');

Un-compressed

In HTML

<link rel="stylesheet" href="https://absucc.github.io/redefault/redefault.css">

In CSS

@import url('https://absucc.github.io/redefault/redefault.css');

Screenshots (Using Spectre CSS)

Before

After

Made by Absucc - Under the Unlicense