[Summary view] [Print] [Text view]

   1  .jquery-confirmable-button {
   2      /* Automatically flipped */
   3      margin-left: 1ex;
   4  }
   5  
   6  .jquery-confirmable-wrapper {
   7      /* Line breaks within the interface text are unpleasant */
   8      white-space: nowrap;
   9      /* Hiding the original text when it slides to the left */
  10      overflow: hidden;
  11  }
  12  
  13  .jquery-confirmable-wrapper,
  14  .jquery-confirmable-element,
  15  .jquery-confirmable-interface {
  16      /* We need inline-block to be able to size the elements and calculate their dimensions */
  17      display: inline-block;
  18      /* inline-block elements in this context align to baseline by default */
  19      vertical-align: bottom;
  20  }
  21  
  22  .jquery-confirmable-element {
  23      transition: margin 250ms cubic-bezier(0.2, 0.8, 0.2, 0.8);
  24  }
  25  
  26  .jquery-confirmable-interface {
  27      transition: width 250ms cubic-bezier(0.2, 0.8, 0.2, 0.8);
  28  }