export const commitsList = `
ul.gitea-github-theme-templates-commits-list {
    margin: 0;
    padding: 0;
    list-style: none;
    li.gitea-github-theme-commit {
      border-bottom: 1px solid var(--color-secondary);
      padding: 8px 16px;
      gap: 4px;
      display: grid;
      grid-template-areas: "primary metadata actions" "secondary metadata actions";
      grid-template-rows: repeat(2, auto);
      grid-template-columns: minmax(30%, 1fr) minmax(0, max-content) min-content;
      &:last-child {
        border-bottom: none;
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
      }
      &:hover {
        background-color: var(--color-hover-opaque);
      }
      .message {
        grid-area: primary;
        .commit-summary {
          font-size: 16px;
          font-weight: 500;
          white-space: pre-wrap;
        }
        .ellipsis-button {
          padding: unset;
          height: 1.5rem;
          min-width: 1.75rem;
          background: unset;
          border: unset;
          vertical-align: bottom;
          &:hover {
            background: var(--color-hover);
          }
        }
        .commit-body {
          font-size: 12px;
          font-weight: 400;
          color: var(--color-text-light-1);
          margin: 8px 0;
        }
      }
      .metadata {
        grid-area: secondary;
        font-size: 12px;
        color: var(--color-text-light-1);
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 4px;
        .author-wrapper {
          display: flex;
          align-items: center;
        }
        img.ui.avatar {
          border-radius: 9999px;
          margin-right: 4px;
        }
        .ui.label svg {
          min-width: 12px;
          min-height: 12px;
          width: 12px;
          height: 12px;
        }
      }
      .extra {
        grid-area: metadata;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 8px;
        .gitea-github-theme-tag {
          border-width: 1.5px;
          border-radius: 9999px;
          height: 25px;
        }
      }
      .actions {
        grid-area: actions;
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 4px;
        color: var(--color-text-light-1);
        .gitea-github-theme-action {
          justify-content: center;
          height: 28px;
          width: 28px;
        }
      }
    }
  }
  @media (max-width: 767.98px) {
    ul.gitea-github-theme-templates-commits-list {
      li.gitea-github-theme-commit {
        grid-template-areas: "primary primary" "metadata actions" "secondary actions";
        grid-template-rows: repeat(3, auto);
      }
    }
  }
`;

export const stylesheet = [commitsList].join("\n\n");