Skip to content

raindrop inline highlight by antistic

Details

Authorantistic

LicenseNo License

Categoryraindrop

Created

Updated

Size995 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

raindrop inline highlight

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           raindrop inline highlight
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    raindrop inline highlight
@author         Me
==/UserStyle== */
/* notes:
- raindrop applies the inline-block to the `.rh-123[data-id="abc123"]` selector, and also applies an `!important`. we use `mark` to increase specificity and match on `rh` and `data-id` because the rest is likely to change
- added padding and margin because I believe that's the look that the inline-block was aiming to achieve
*/
@-moz-document url-prefix("http") {
    /* for all pages with the raindrop extension */
    mark[class*="rh"][data-id] {
        display: inline !important;
        padding: 0.25lh 0.2ex;
        margin: 0 0.2ex;
    }
}

@-moz-document regexp("https?://app\\.raindrop\\.io/.*/web") {
    /* in raindrop app iframe */
    mark[class*="rh"][data-id] {
        display: inline !important;
        padding: 0.25lh 0.2ex;
        margin: 0 0.2ex;
    }
}

Reviews

No reviews yet.