better chevron for buttons with icons, i.e. «Read our Privacy Policy»
gravatar-chevron by dym-sh
Details
Authordym-sh
LicenseCC0
Categorygravatar.com
Created
Updated
Size1.1 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 gravatar-chevron
@description better chevron for buttons with icons, i.e. «Read our Privacy Policy»
@version 2023.12.18
@namespace dym.sh
@author Dym Sohin
@homepageURL https://dym.sh/gravatar-chevron/
@supportURL https://source.garden/styles/gravatar-chevron/issues/
@license 0BSD
==/UserStyle== */
@-moz-document domain("gravatar.com") {
.g-has-chevron-external::after {
content: "⭟";
font-weight: 700;
margin-left: 0.75rem;
line-height: 0.75rem;
background: var(--g-color-accent);
padding: 0.125rem;
color: var(--g-background);
border-radius: 0.125rem;
}
.g-has-chevron-external:active::after
, .g-has-chevron-external:hover::after {
background: var(--g-color);
}
.g-has-chevron-external::after
, .g-has-chevron-external:active::after
, .g-has-chevron-external:hover::after {
left: unset;
margin-right: unset;
top: unset;
-webkit-transform: unset;
transform: unset;
-webkit-transform-origin: unset;
transform-origin: unset;
}
}