[Summary view] [Print] [Text view]

   1  .wp-block-buttons {
   2    box-sizing: border-box;
   3  }
   4  .wp-block-buttons.is-vertical {
   5    flex-direction: column;
   6  }
   7  .wp-block-buttons.is-vertical > .wp-block-button:last-child {
   8    margin-bottom: 0;
   9  }
  10  .wp-block-buttons > .wp-block-button {
  11    display: inline-block;
  12    margin: 0;
  13  }
  14  .wp-block-buttons.is-content-justification-left {
  15    justify-content: flex-start;
  16  }
  17  .wp-block-buttons.is-content-justification-left.is-vertical {
  18    align-items: flex-start;
  19  }
  20  .wp-block-buttons.is-content-justification-center {
  21    justify-content: center;
  22  }
  23  .wp-block-buttons.is-content-justification-center.is-vertical {
  24    align-items: center;
  25  }
  26  .wp-block-buttons.is-content-justification-right {
  27    justify-content: flex-end;
  28  }
  29  .wp-block-buttons.is-content-justification-right.is-vertical {
  30    align-items: flex-end;
  31  }
  32  .wp-block-buttons.is-content-justification-space-between {
  33    justify-content: space-between;
  34  }
  35  .wp-block-buttons.aligncenter {
  36    text-align: center;
  37  }
  38  .wp-block-buttons {
  39    /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
  40  }
  41  .wp-block-buttons:not(.is-content-justification-space-between,
  42  .is-content-justification-right,
  43  .is-content-justification-left,
  44  .is-content-justification-center) .wp-block-button.aligncenter {
  45    /* stylelint-enable @stylistic/indentation */
  46    margin-left: auto;
  47    margin-right: auto;
  48    width: 100%;
  49  }
  50  .wp-block-buttons[style*=text-decoration] .wp-block-button,
  51  .wp-block-buttons[style*=text-decoration] .wp-block-button__link {
  52    text-decoration: inherit;
  53  }
  54  .wp-block-buttons.has-custom-font-size .wp-block-button__link {
  55    font-size: inherit;
  56  }
  57  .wp-block-buttons .wp-block-button__link {
  58    width: 100%;
  59  }
  60  
  61  .wp-block-button.aligncenter {
  62    text-align: center;
  63  }