react-toolbox-build4server/react-toolbox/js/time_picker/style.clock.css

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

.rt-time_picker_clock-root {
  padding: 1.5rem 2rem; }

.rt-time_picker_clock-placeholder {
  position: relative;
  z-index: 100; }

.rt-time_picker_clock-wrapper {
  position: absolute;
  width: 100%;
  background-color: #eeeeee;
  border-radius: 50%; }

.rt-time_picker_clock-face {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.rt-time_picker_clock-number {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  margin-left: -1rem;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .rt-time_picker_clock-number.rt-time_picker_clock-active {
    color: white; }

.rt-time_picker_clock-hand {
  position: absolute;
  bottom: 50%;
  left: 50%;
  display: block;
  width: 0.4rem;
  margin-left: -0.2rem;
  background-color: #3f51b5;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }
  .rt-time_picker_clock-hand:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    content: "";
    background-color: #3f51b5;
    border-radius: 50%; }
  .rt-time_picker_clock-hand.rt-time_picker_clock-small > .rt-time_picker_clock-knob {
    background-color: rgba(63, 81, 181, 0.2); }
    .rt-time_picker_clock-hand.rt-time_picker_clock-small > .rt-time_picker_clock-knob:after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1.2rem;
      height: 1.2rem;
      margin-top: -0.6rem;
      margin-left: -0.6rem;
      content: "";
      background: #3f51b5;
      border-radius: 50%; }
    .rt-time_picker_clock-hand.rt-time_picker_clock-small > .rt-time_picker_clock-knob:before {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 0.4rem;
      height: 2.2rem;
      margin-left: -0.2rem;
      content: "";
      background: #3f51b5; }

.rt-time_picker_clock-knob {
  position: absolute;
  top: -3.4rem;
  left: 50%;
  width: 3.4rem;
  height: 3.4rem;
  margin-left: -1.7rem;
  cursor: pointer;
  background-color: #3f51b5;
  border-radius: 50%; }