resources/src/mediawiki.action/mediawiki.action.view.postEdit.less

   1 @import 'mediawiki.mixins';
   2
   3 /* stylelint-disable selector-class-pattern */
   4
   5 .postedit-container {
   6         margin: 0 auto;
   7         position: fixed;
   8         top: 0;
   9         height: 0;
  10         left: 50%;
  11         z-index: 1000;
  12         font-size: 14px;
  13         cursor: pointer;
  14 }
  15
  16 .postedit {
  17         position: relative;
  18         top: 0.6em;
  19         left: -50%;
  20         line-height: 1.35;
  21         opacity: 1;
  22         .transition( opacity 250ms );
  23
  24         &:after {
  25                 content: '';
  26                 background: no-repeat center center;
  27                 .background-image-svg( 'images/close.svg', 'images/close.png' );
  28                 background-size: 12px 12px;
  29                 position: absolute;
  30                 right: 0.4em;
  31                 top: 0;
  32                 bottom: 0;
  33                 min-width: 32px;
  34                 min-height: 32px;
  35                 opacity: 0.87;
  36
  37                 &:hover {
  38                         opacity: 1;
  39                 }
  40         }
  41
  42         &.mw-notification {
  43                 padding-right: 3em;
  44         }
  45 }
  46
  47 .postedit-faded {
  48         opacity: 0;
  49 }
  50
  51 .postedit-icon {
  52         padding-left: 25px;
  53         /* like min-height, but old IE compatible and keeps text vertically aligned, too */
  54         line-height: 25px;
  55         background-repeat: no-repeat;
  56 }
  57
  58 .postedit-icon-checkmark {
  59         /* @embed */
  60         background-image: url( images/green-checkmark.png );
  61         /* T176796 */
  62         background-position: left;
  63 }