Skip to content

Emmet Cheat Sheet readability by tafkae

Screenshot of Emmet Cheat Sheet readability
Write a review Install Get Stylus

Details

Authortafkae

LicenseMIT License (https://choosealicense.com/licenses/mit/)

Categoryhttps://docs.emmet.io/cheat-sheet/

Created

Updated

Size831 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Quick override to improve readability of Emmet Cheat Sheet.

Notes

Original has low contrast text, no borders between sections, etc.

Source code

/* ==UserStyle==
@name           docs.emmet.io/cheat-sheet/
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://docs.emmet.io/cheat-sheet/") {
    
    .ch-section:before {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        border-bottom: 1px dashed #999;
        margin-bottom: 2.2em;
        
    }
    
    .ch-snippet__name {
        color: #FF6188;
    }
    
    .ch-snippet__value {
        color: #A9DC76;
    }
    
    .ch-section__desc {
        color: #aaa;
        padding-bottom: 20px;
    }
    
    .cn-snippet__alias {
        color: #aaa;
    }
    
    .cn-snippet__alias-abbr {
        color: #FFD866;
    }
}

Reviews

No reviews yet.