lifegadget/ui-list

View on GitHub
vendor/ui-list/ui-pagination.css

Summary

Maintainability
Test Coverage
.ui-pagination {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background-color: rgb(26, 28, 26);
  color: hsl(0, 0%, 85%);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ui-pagination > div {
  padding: 10px 15px 10px 15px;
}
.ui-pagination .description {
  flex: 1 1;
  align-self: flex-start;
  text-align: left;
}

.ui-pagination .controls {
  display: flex;
  align-items: stretch;
  align-self: flex-end;
}
.ui-pagination .controls > i {
  flex: 1 1;
}

.ui-pagination .controls .no-downward-paging,
.ui-pagination .controls .no-upward-paging {
  color: darkgrey;
  cursor: no-drop;
}
.ui-pagination .controls .downward-paging:hover,
.ui-pagination .controls .upward-paging:hover {
  background-color: hsl(230, 8%, 28%);
  cursor: pointer;
}