[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * Breakpoints & Media Queries
   6   */
   7  /**
   8   * Colors
   9   */
  10  /**
  11   * Often re-used variables
  12   */
  13  /**
  14   * Breakpoint mixins
  15   */
  16  /**
  17   * Long content fade mixin
  18   *
  19   * Creates a fading overlay to signify that the content is longer
  20   * than the space allows.
  21   */
  22  /**
  23   * Button states and focus styles
  24   */
  25  /**
  26   * Applies editor left position to the selector passed as argument
  27   */
  28  /**
  29   * Styles that are reused verbatim in a few places
  30   */
  31  /**
  32   * Allows users to opt-out of animations via OS-level preferences.
  33   */
  34  /**
  35   * Reset default styles for JavaScript UI based pages.
  36   * This is a WP-admin agnostic reset
  37   */
  38  /**
  39   * Reset the WP Admin page styles for Gutenberg-like pages.
  40   */
  41  .block-directory-downloadable-block-header__row {
  42    display: flex;
  43    flex-grow: 1; }
  44    .block-directory-downloadable-block-header__row .block-editor-block-icon {
  45      width: 36px;
  46      height: 36px;
  47      font-size: 36px;
  48      background-color: #edeff0; }
  49    .block-directory-downloadable-block-header__row img {
  50      width: 36px;
  51      height: 36px; }
  52    .block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column {
  53      display: flex;
  54      flex-direction: column;
  55      flex-grow: 1; }
  56      .block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column .block-directory-downloadable-block-header__title {
  57        font-weight: 600;
  58        margin-right: 12px; }
  59      .block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column .block-directory-block-ratings {
  60        margin-right: 12px; }
  61  
  62  .block-directory-downloadable-block-info__content {
  63    font-size: 13px; }
  64  
  65  .block-directory-downloadable-block-info__row {
  66    display: flex;
  67    justify-content: space-between;
  68    color: #606a73;
  69    margin-top: 8px;
  70    font-size: 12px; }
  71    .block-directory-downloadable-block-info__row .block-directory-downloadable-block-info__column {
  72      display: flex;
  73      align-items: center; }
  74      .block-directory-downloadable-block-info__row .block-directory-downloadable-block-info__column .dashicon {
  75        font-size: 16px;
  76        margin-left: 4px; }
  77  
  78  .block-directory-downloadable-block-author-info__content {
  79    color: #606a73;
  80    margin-bottom: 4px; }
  81  
  82  .block-directory-downloadable-block-author-info__content-author {
  83    margin-bottom: 4px;
  84    font-size: 14px; }
  85  
  86  .block-directory-downloadable-block-list-item {
  87    width: 100%;
  88    padding: 0;
  89    margin: 0 0 12px;
  90    display: flex;
  91    flex-direction: row;
  92    font-size: 13px;
  93    color: #32373c;
  94    align-items: flex-start;
  95    justify-content: center;
  96    background: transparent;
  97    word-break: break-word;
  98    border-radius: 4px;
  99    border: 1px solid #e2e4e7;
 100    transition: all 0.05s ease-in-out;
 101    position: relative;
 102    text-align: right;
 103    overflow: hidden; }
 104    @media (prefers-reduced-motion: reduce) {
 105      .block-directory-downloadable-block-list-item {
 106        transition-duration: 0s; } }
 107  
 108  .block-directory-downloadable-block-list-item__panel {
 109    display: flex;
 110    flex-grow: 1;
 111    flex-direction: column; }
 112  
 113  .block-directory-downloadable-block-list-item__header {
 114    display: flex;
 115    flex-direction: column;
 116    padding: 12px 12px 0; }
 117  
 118  .block-directory-downloadable-block-list-item__body {
 119    display: flex;
 120    flex-direction: column;
 121    padding: 12px; }
 122  
 123  .block-directory-downloadable-block-list-item__footer {
 124    display: flex;
 125    flex-direction: column;
 126    padding: 12px;
 127    background-color: #f3f4f5; }
 128  
 129  .block-directory-downloadable-block-list-item__content {
 130    color: #606a73; }
 131  
 132  .block-directory-downloadable-blocks-list {
 133    list-style: none;
 134    padding: 2px 0;
 135    overflow: hidden;
 136    display: flex;
 137    flex-wrap: wrap; }
 138  
 139  .block-directory-downloadable-blocks-panel__description {
 140    font-style: italic;
 141    padding: 0;
 142    margin-top: 0;
 143    text-align: right;
 144    color: #606a73; }
 145  
 146  .block-directory-downloadable-blocks-panel__description.has-no-results {
 147    font-style: normal;
 148    padding: 0;
 149    margin-top: 100px;
 150    text-align: center;
 151    color: #606a73; }
 152    .block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner {
 153      float: inherit; }
 154  
 155  .block-directory-block-ratings {
 156    display: flex; }
 157    .block-directory-block-ratings > div {
 158      line-height: 1;
 159      display: flex; }
 160    .block-directory-block-ratings .dashicons {
 161      font-size: ms(-2);
 162      width: 1.1em; }
 163    .block-directory-block-ratings .block-directory-block-ratings__rating-count {
 164      color: #606a73;
 165      font-size: ms(-2); }
 166    .block-directory-block-ratings [class*="dashicons-star-"] {
 167      color: #ffb900; }