Replace static border radius value with var

In a distant future those might be replaced by core WikimediaUI Base
and this is a sane preparation for it.

Change-Id: I8907c8908f3b775be36b16a6782d7e9719e30c4c
This commit is contained in:
Volker E 2020-04-15 18:09:48 -07:00
parent 32c1c8e5f1
commit e85d881817
5 changed files with 8 additions and 5 deletions

View file

@ -13,8 +13,11 @@
// 'Destructive' Color
@color-destructive: #d33;
// Border
// Border Colors
@border-color-heading: #c8ccd1;
// Border Radius
@border-radius-base: 2px;
// = Echo's original variables
@grey-light: #72777d;

View file

@ -3,7 +3,7 @@
.mw-echo-alert {
background-color: #fc3;
color: @color-base--emphasized;
border-radius: 2px;
border-radius: @border-radius-base;
padding: 0.25em 0.8em 0.2em 0.8em;
font-weight: normal;
}

View file

@ -15,7 +15,7 @@
// Later we put the counter back onscreen with a zero text-indent
top: -5px;
text-indent: -9999px;
border-radius: 2px;
border-radius: @border-radius-base;
cursor: pointer;
text-decoration: none;
line-height: normal;
@ -50,7 +50,7 @@
font-weight: bold;
padding: 0 0.3em;
border: 1px solid #fff;
border-radius: 2px;
border-radius: @border-radius-base;
background-color: @badge-counter-background-seen;
content: attr( data-counter-text );
color: #fff;

View file

@ -10,7 +10,7 @@
background-color: @background-color-popup-confirmation;
color: @color-base--inverted;
display: inline-block;
border-radius: 2px;
border-radius: @border-radius-base;
padding: 0.5em 1em;
text-align: left;

View file

@ -72,7 +72,7 @@
color: @grey-medium;
padding: 0.2em 0.5em;
margin-left: 0.5em;
border-radius: 2px;
border-radius: @border-radius-base;
white-space: nowrap;
.oo-ui-optionWidget-selected & {