← Wszystkie przykłady

CSS Dla developerów github.com

Naprzemienne pasy w liniach diffa

Dodaje delikatne naprzemienne tło wierszy kontekstu w diffach, ułatwiając wodzenie wzrokiem po kodzie.

Kod do skopiowania

.blob-code-context:nth-of-type(even),
.diff-table tr:nth-child(even) .blob-code-context,
[class*="DiffLine"][data-line-anchor]:nth-of-type(even) {
  background: rgba(127,127,127,0.05) !important;
}
.blob-num { opacity: 0.65 !important; }

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania