/redefault

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

Primary LanguageCSSThe UnlicenseUnlicense

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

    lcibr.png

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

Before image

After

After image

Made by Absucc - Under the Unlicense