mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-28 09:30:17 +00:00
Unify LESS variable naming scheme for @border-*
variables
Unifying variable naming to property-identifier-modifier scheme and use already existing variables out of mediawiki.ui variables file, which gets imported by Vector and its variables (like `@border-width-base`) are already in use in a few places. Change-Id: Ic25b1517bf180a9bce437215c1309bb9f4dd15be
This commit is contained in:
parent
62560debb9
commit
f29a1eba0a
|
@ -38,10 +38,10 @@ body {
|
||||||
|
|
||||||
.mw-body {
|
.mw-body {
|
||||||
/* Border on top, left, and bottom side */
|
/* Border on top, left, and bottom side */
|
||||||
border: 1px solid @content-border-color;
|
border: @border-width-base @border-style-base @border-color-content;
|
||||||
border-right-width: 0;
|
border-right-width: 0;
|
||||||
/* Merge the border with tabs' one (in their background image) */
|
/* Merge the border with tabs' one (in their background image) */
|
||||||
margin-top: -1px;
|
margin-top: -@border-width-base;
|
||||||
|
|
||||||
// h1's can exist outside of mw-body-content so some heading styles
|
// h1's can exist outside of mw-body-content so some heading styles
|
||||||
// need to be defined in mw-body as well
|
// need to be defined in mw-body as well
|
||||||
|
|
|
@ -42,7 +42,7 @@
|
||||||
#searchInput {
|
#searchInput {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
.box-sizing( border-box );
|
.box-sizing( border-box );
|
||||||
border: @border-width-base solid @colorGray10;
|
border: @border-width-base @border-style-base @colorGray10;
|
||||||
border-radius: @borderRadius;
|
border-radius: @borderRadius;
|
||||||
// `padding-right` equals to `#searchbutton` width below.
|
// `padding-right` equals to `#searchbutton` width below.
|
||||||
padding: 0.4em @width-search-button 0.4em 0.4em;
|
padding: 0.4em @width-search-button 0.4em 0.4em;
|
||||||
|
|
|
@ -144,9 +144,9 @@
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 2.5em;
|
top: 2.5em;
|
||||||
left: -1px;
|
left: -@border-width-base;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: 1px solid #a2a9b1;
|
border: @border-width-base @border-style-base @border-color-base;
|
||||||
border-top-width: 0;
|
border-top-width: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
|
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
@line-height-footer-buttons: 2;
|
@line-height-footer-buttons: 2;
|
||||||
|
|
||||||
// FIXME: Use global variable since Echo and CentralNotice use this variable
|
// FIXME: Use global variable since Echo and CentralNotice use this variable
|
||||||
@content-border-color: #a7d7f9;
|
@border-color-content: #a7d7f9;
|
||||||
@content-line-height: 1.6;
|
@content-line-height: 1.6;
|
||||||
@padding-content: 1em;
|
@padding-content: 1em;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue