This website is not optimized for mobile view yet...
// Layout

.display-flex {
    display: flex;

.display-grid {
    display: grid;
// Typography

.font-size-16 {
    font-size: 1.6rem;

.font-size-20 {
    font-size: 2.0rem;
// Whitespace

.margin-24 {
    margin: 2.4rem;

.margin-center {
    margin: 0 auto;

Amigo CSS

// Shortcuts

.display-flex-center-both {
    display: flex;
    align-items: center;
    justify-content: center;

// Extras

.scroll-smooth {
    scroll-behaviour: smooth;
.cursor-pointer {
    cursor: pointer;




Amigo CSS has just been released. This is my first open source project and I have learnt a lot especially these past few days when I was busy documenting and trying to publish my first package on NPM. As a footnote, I butchered Semantic Versioning Specification.

Anyway, I am planning to finish the documentation of Amigo CSS. There are some CSS properties and classes on the core framework that I haven't added yet to this documentation website. Also I need to start working on the examples section

God willing, I am planning to work on Amigo UI Library and HTML Templates later this year.