mediawiki-extensions-Multim.../resources/mmv/ui/mmv.ui.dialog.less
Volker E 7157729ae8 Align to WikimediaUI style guide and code cleanup
Aligning to WikimediaUI style guide by replacing colors with
standard color palette equivalents, merging close colors
(ex: `#E6E6E6` & `#eee` become `#eaecf0` ) and slightly increase
contrast on a few to meet WCAG 2.0 level AA criteria.
Also:
- following other code bases like MobileFrontend or OOjs UI in
using `border-radius` property instead of obsolete mixin
- removing non-existing browser vendor prefixes in mixins
- removing non-used Less variables
- bringing CSS/Less code closer to coding standards and
- simplifying Less code where applicable

Change-Id: Icb936e14ff613471ea1da6df6341ec1b0543cfaf
2017-03-02 15:55:01 -08:00

42 lines
854 B
Plaintext

@import '../mmv.mixins';
@import '../mmv.globals';
@background-color: #fff;
@dialog-width: 450px;
@box-shadow-dialog: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
.mw-mmv-dialog {
position: fixed;
right: 58px;
display: none;
width: @dialog-width;
height: @dialog-height;
background-color: @background-color;
box-shadow: @box-shadow-dialog;
border-radius: @border-radius;
z-index: 1004;
.mw-mmv-dialog-down-arrow {
right: 48px;
background-color: @background-color;
width: @arrow-size;
height: @arrow-size;
.rotate( -45deg );
position: fixed;
}
.mw-mmv-dialog-copy {
/* @embed */
background-image: url( img/pasting.svg );
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
&:hover {
/* @embed */
background-image: url( img/pasting-hover.svg );
text-decoration: none;
}
}
}