widgets.StashedFileWidget: Simplify and reduce LESS code

[lhc/web/wiklou.git] / resources / src / mediawiki.widgets / mw.widgets.StashedFileWidget.less

diff --git a/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less b/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
index ecfc880..ea62075 100644 (file)
--- a/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
@@ -1,3 +1,5 @@
+@import 'mediawiki.mixins';
+
 .mw-widgets-stashedFileWidget {
        display: inline-block;
        vertical-align: middle;
@@ -28,18 +30,14 @@
        vertical-align: middle;
        position: relative;
        overflow: hidden;
-       -webkit-box-sizing: border-box;
-          -moz-box-sizing: border-box;
-               box-sizing: border-box;
+       .box-sizing( border-box );
 
        > .mw-widgets-stashedFileWidget-label {
                line-height: 2.3em;
                margin: 0;
                overflow: hidden;
                white-space: nowrap;
-               -webkit-box-sizing: border-box;
-                  -moz-box-sizing: border-box;
-                               box-sizing: border-box;
+               .box-sizing( border-box );
                text-overflow: ellipsis;
                left: 0.5em;
                right: 2.375em;
@@ -59,22 +57,19 @@
        > .oo-ui-indicatorElement-indicator,
        > .oo-ui-iconElement-icon {
                position: absolute;
+               top: 0;
+               height: 2.3em;
        }
 
        > .oo-ui-indicatorElement-indicator {
                right: 0;
-               top: 0;
                width: 0.9375em;
-               height: 2.3em;
                margin-right: 0.775em;
        }
 
        > .oo-ui-iconElement-icon {
-               top: 0;
                width: 1.875em;
-               height: 2.3em;
                margin-left: 0.5em;
-               left: 0;
        }
 
        &.oo-ui-widget-disabled {
@@ -124,7 +119,7 @@
        }
 
        .mw-widgets-stashedFileWidget-info {
-               border: none;
+               border: 0;
                background: none;
                display: block;
                height: 100%;
@@ -134,11 +129,7 @@
                > .mw-widgets-stashedFileWidget-label {
                        position: relative;
 
-                       > .mw-widgets-stashedFileWidget-fileName {
-                               display: block;
-                               float: none;
-                       }
-
+                       > .mw-widgets-stashedFileWidget-fileName,
                        > .mw-widgets-stashedFileWidget-fileType {
                                display: block;
                                float: none;
@@ -147,7 +138,6 @@
        }
 }
 
-
 .mw-widgets-stashedFileWidget-empty {
        .mw-widgets-stashedFileWidget-thumbnail-container {
                text-align: center;