Add space around clickable elements.
Audit - 4 - Link-spacing by FACILiti
Details
AuthorFACILiti
LicenseNo License
Category.
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}