silki/lib/generator/generators/app/spa-template/src/components/FileCard/FileCard.less

Cli tool for build react app, based on generator-react-multipage, create-react-app, roadhog. Support react multiple pages app develop.

:global{
  .filecardComponent {
    border: 1px solid #e8e8e8;
    width: 18%;
    min-height: 224px;
    margin: 0 1% 30px 1%;
    transition: all .3s;
    box-sizing: border-box;

    &:hover {
      box-shadow: 0 1px 6px #108ee9;
      border-color: #108ee9;
    }

    img {
      width: 100%;
      height: 126px;
    }

    .filecard-bottom {
      padding: 6px;

      .filecard-title {
        color: #333;
        font-size: 14px;
        white-space: nowrap;
      }

      .filecard-tag-list {
        margin-top: 6px;
      }

      .bottom-tag {
        margin: 9px 0;
      }
    }
  }
}