.post-meta-card
  margin: 1rem
  width: calc(33.333% - 2rem - 3px)
  display: inline-block;
  vertical-align: top;
  .post-meta-title
    font-size: 1.3em;
    padding-bottom: 0.1em;

  .post-meta-time
    color: var(--text-secondary-color)
    padding-bottom: 0.1em;

    .post-updated-time
      user-select: none
      transition: color .2s ease
      cursor: pointer

      &:hover
        color: var(--text-color)

        .meta-icon
          color: #4caf50

  .post-mod
    color: var(--text-secondary-color)
    padding-left: .6em
    user-select: none
    transition: color .2s ease
    cursor: pointer

    &:hover
      color: var(--text-color)

      .meta-icon
        color: #ff5722


  .post-meta-tags
    color: var(--text-secondary-color)

    span.tag
      user-select: none

      .meta-icon
        transition: color .2s ease
        padding-right: 1px

      &:hover
        .meta-icon
          color: #3f51b5

@media only screen and (max-width: 900px) 
  .post-meta-card
    width: calc(50% - 2rem - 2px)

@media only screen and (max-width: 769px) 
  .post-meta-card
    .post-meta-title
      font-size: 1.3em;

@media only screen and (max-width: 600px) 
  .post-meta-card
      width: calc(100% - 2rem - 1px)