vue-train-timetable/dist/vue-train-timetable.css

Vue Train Timetable Component

.__vue-train-timetbale[data-v-1204c08c] {
  font-family: helvetica, sans-serif;
  position: relative;
  font-weight: 500;
  box-sizing: border-box;
}
.__vue-train-timetbale ul li[data-v-1204c08c] {
  list-style: none;
}
.__vue-train-timetbale .start-point[data-v-1204c08c],
.__vue-train-timetbale .end-point[data-v-1204c08c] {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  position: absolute;
  left: 0;
  margin-left: -3px;
}
.__vue-train-timetbale .start-point[data-v-1204c08c] {
  top: -6px;
}
.__vue-train-timetbale .end-point[data-v-1204c08c] {
  bottom: -6px;
}
.__vue-train-timetbale .stop-item[data-v-1204c08c] {
  padding: 5px 0 5px 20px;
  box-sizing: border-box;
  position: relative;
  height: 25px;
}
.__vue-train-timetbale .stop-bar[data-v-1204c08c] {
  position: absolute;
}
.__vue-train-timetbale .timetable.horizontal .start-point[data-v-1204c08c] {
  top: -4px;
}
.__vue-train-timetbale .timetable.horizontal .stop-bar[data-v-1204c08c] {
  width: 100%;
  height: 4px;
  top: 4px;
  left: 0;
}
.__vue-train-timetbale .timetable.horizontal .stop-bar.pointing[data-v-1204c08c] {
  top: 0;
  width: 4px;
  height: 10px;
  position: absolute;
  left: 0;
}
.__vue-train-timetbale .timetable.horizontal .stop-item[data-v-1204c08c] {
  float: left;
  position: relative;
  width: 25px;
  height: auto;
}
.__vue-train-timetbale .timetable.horizontal .stop-text[data-v-1204c08c] {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotateZ(90deg) translateX(2px);
  transform-origin: 0;
  height: 20px;
  width: 100%;
  min-width: 120px;
}
.__vue-train-timetbale .timetable.vertical .stop-bar[data-v-1204c08c] {
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
}
.__vue-train-timetbale .timetable.vertical .stop-bar.start[data-v-1204c08c] {
  top: 50%;
  height: 50%;
}
.__vue-train-timetbale .timetable.vertical .stop-bar.start .pointing[data-v-1204c08c] {
  top: 0;
}
.__vue-train-timetbale .timetable.vertical .stop-bar.end[data-v-1204c08c] {
  bottom: 50%;
  height: 50%;
}
.__vue-train-timetbale .timetable.vertical .stop-bar.end .pointing[data-v-1204c08c] {
  top: 100%;
}
.__vue-train-timetbale .timetable.vertical .stop-bar.pointing[data-v-1204c08c] {
  height: 4px;
  width: 15px;
  top: 50%;
  left: 0;
  margin-top: -2px;
}
.stop-text[data-v-1204c08c] {
  font-size: 14px;
}