resources/src/jquery/jquery.confirmable.css

   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 }