data-dashboard/src/web-app/+page/widgets/spacex-books/spacex-books.less

A data-driven dashboard console for report widgets

// DataDashboard ~~ MIT License
// Widget style

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

web-app-widget-body.spacex-books {
   min-height: 500px;
   book-list {
      @gap: 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: (-@gap/2);
      book-element {
         display: flex;
         align-items: flex-start;
         width: 345px;
         color: white;
         background-color: mediumseagreen;
         padding: 15px;
         margin: (@gap/2);
         >img {
            width: 100px;
            border: 1px solid dimgray;
            margin-right: 15px;
            }
         >div {
            h2 {
               }
            cite {
               display: block;
               margin-bottom: 12px;
               }
            p {
               font-size: 1.1rem;
               font-weight: bold;
               }
            nav {
               }
            }
         }
      }
   }