StatWheel.css

Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
Opera: Naciśnij klawisze Ctrl+F5.

.stat-wheel-svg {
  max-width: 100%;
  max-height: 100%;
}
.stat-wheel-background {
  fill: #050a14;
}
.stat-wheel-section {
  cursor: help;
}
.stat-wheel-hover {
  fill-opacity: 0;
}

.stat-wheel-middle,
.stat-wheel-section .stat-wheel-bar-lit:nth-of-type(1) {
  fill: #0097ac;
}
.stat-wheel-section .stat-wheel-bar-lit:nth-of-type(2) {
  fill: #70b6c2;
}
.stat-wheel-section .stat-wheel-bar-lit:nth-of-type(3) {
  fill: #b0d9db;
}
.stat-wheel-icon {
  fill: #eee;
}

.stat-wheel-section:hover .stat-wheel-middle,
.stat-wheel-section:hover .stat-wheel-bars .stat-wheel-bar-lit:nth-of-type(1) {
  fill: #00c6e0;
}
.stat-wheel-section:hover .stat-wheel-bars .stat-wheel-bar-lit:nth-of-type(2) {
  fill: #94c8d1;
}
.stat-wheel-section:hover .stat-wheel-bars .stat-wheel-bar-lit:nth-of-type(3) {
  fill: #d2e9ea;
}
.stat-wheel-section:hover .stat-wheel-icon {
  fill: #fff;
  transform: scale(1.1);
  transform-origin: 50% 50%;
}