babel-plugin-gruu/index.css

Babel plugin for transpiling JSX to Gruu

.hand {
  background-color: black;
  transform-origin: bottom center;
  position: absolute;
  left: 50%;
  z-index: 10;
}

.clock {
  width: 220px;
  height: 220px;
  border-radius: 220px;
  border: 2px solid black;
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.disc {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: black;
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20
}

.tick {
  width: 2px;
  height: 215px;
  border-radius: 8px;
  background-color: #62A6DE;
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 1;
}

.whiteDisc {
  width: 190px;
  height: 190px;
  border-radius: 190px;
  background-color: white;
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}