Skip to content

Audit - 4 - Link-spacing by FACILiti

Screenshot of Audit - 4 - Link-spacing

Details

AuthorFACILiti

LicenseNo License

Category.

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Add space around clickable elements.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Audit - 4 - Link spacing
@version        1.0.0
@description    Add space around clickable elements
@namespace    ?
==/UserStyle== */

html:not([stylus-iframe]) body a, 
html:not([stylus-iframe]) body input, 
html:not([stylus-iframe]) body textarea, 
html:not([stylus-iframe]) body button, 
html:not([stylus-iframe]) body select, 
html:not([stylus-iframe]) body option {
    min-width: 100px !important; 
    min-height: 50px !important; 
    width: auto !important; 
    height: auto !important;
    margin: 25px !important; 
    display: inline-block !important; 
    max-width: calc(100% - 50px) !important;
    padding-top: calc((50px - 1.5em) / 2)!important;
    padding-bottom: calc((50px - 1.5em) / 2)!important;
    box-sizing: border-box!important;
    line-height: 1.5 !important;
}

html:not([stylus-iframe]) body option {
    display: block !important;
}

html:not([stylus-iframe]) body a:hover, 
html:not([stylus-iframe]) body input:hover, 
html:not([stylus-iframe]) body textarea:hover, 
html:not([stylus-iframe]) body button:hover, 
html:not([stylus-iframe]) body select:hover, 
html:not([stylus-iframe]) body option:hover {
    outline: #00F 1px solid !important;    
}

/* Line-height 1.5 */
html:not([stylus-iframe]) body,
html:not([stylus-iframe]) body *{
    line-height: 1.5 !important;
}

Reviews

No reviews yet.