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

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