data-dashboard/src/web-app/+page/widgets/project-contributors/project-contributors.less

A data-driven dashboard console for report widgets

// DataDashboard ~~ MIT License
// Widget style

@import "../../../+common/css/static/utility-box";

web-app-widget-body.project-contributors {
   contributor-list {
      @gap: 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: (-@gap/2);
      .MobileMode({ margin: 0px (-@gap/3/2); });
      contributor-element {
         color: white;
         background-color: mediumpurple;
         padding: 10px 15px 5px 15px;
         margin: (@gap/2);
         .MobileMode({ margin: (@gap/3/2); });
         transition: background-color 400ms;
         &:hover {
            background-color: orchid;
            }
         figure {
            text-align: center;
            img {
               width: 80px;
               height: 80px;
               }
            figcaption {
               }
            }
         }
      }
   }