resources/src/jquery/jquery.confirmable.css

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