.widget-wrapper.ghrepo
  .widget-body
    a.repo
      display: block
      padding: 0.75rem 0.5rem
      color: var(--text-p2)
      background: var(--card)
      border-radius: $border-block
      box-shadow: $boxshadow-card
      trans2 box-shadow transform
      >div+div
        margin-top: 0.5rem
      span
        color: var(--text-p2)
      &:hover
        box-shadow: $boxshadow-card-float
        transform: translateY(-1px)
    a.repo
      svg
        margin-right: 4px
      .flex-row
        display: flex 
        align-items: center
      .repo-name
        font-size: $fs-14
        font-weight: 700
        color: var(--text-p1)
      .repo-desc
        font-size: $fs-13
        margin-left: 2px
        margin-right: 2px
      .grid
        font-size: $fs-13
        display: grid
        grid-gap: 2px
        grid-template-columns: repeat(auto-fill, "calc((100% - 2 * %s) / 3)" % 2px)