Skip to content

gravatar-chevron by dym-sh

Screenshot of gravatar-chevron

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

better chevron for buttons with icons, i.e. «Read our Privacy Policy»

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;
}

}

Reviews

No reviews yet.