Skip to content

Commit 98b2587

Browse files
authored
Merge pull request #95 from ovh-ux/fix/UXORDER-1437
fix(oui-button): normalize button padding
2 parents 1e435d8 + 4c03ce3 commit 98b2587

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

packages/oui-button/_variables.less

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
@oui-button-min-width: rem-calc(100);
77
@oui-button-max-width: rem-calc(320);
88
@oui-button-padding-base: rem-calc(10);
9-
@oui-button-padding: @oui-button-padding-base rem-calc(30);
9+
@oui-button-padding: @oui-button-padding-base rem-calc(20);
1010
@oui-button-spacing: 0 0 rem-calc(20);
1111

1212
// Button - Filled
@@ -15,7 +15,7 @@
1515
@oui-button-filled-background-color_disabled: #dedede;
1616
@oui-button-filled-font-color_disabled: #999;
1717
@oui-button-filled-padding-base: rem-calc(6);
18-
@oui-button-filled-padding: @oui-button-filled-padding-base rem-calc(30);
18+
@oui-button-filled-padding: @oui-button-filled-padding-base rem-calc(20);
1919

2020
// Button - Hollow
2121
@oui-button-hollow-background-color: #fff;
@@ -25,7 +25,7 @@
2525
@oui-button-hollow-background-color_disabled: #f2f2f2;
2626
@oui-button-hollow-font-color_disabled: #b3b3b3;
2727
@oui-button-hollow-padding-base: rem-calc(5);
28-
@oui-button-hollow-padding: @oui-button-hollow-padding-base rem-calc(29);
28+
@oui-button-hollow-padding: @oui-button-hollow-padding-base rem-calc(20);
2929

3030
// Button - Dropdown
3131
@oui-button-dropdown-icon-size: rem-calc(12);
@@ -46,11 +46,11 @@
4646

4747
// Button - Icon Right
4848
@oui-button-icon-right-icon-color_disabled: @oui-button-filled-font-color_disabled;
49-
@oui-button-icon-right-icon-margin-left: ~"calc(@{oui-button-icon-icon-size} / 3)";
49+
@oui-button-icon-right-icon-margin-left: ~"calc(@{oui-button-icon-icon-size} / 2)";
5050

5151
// Button - Icon Left
5252
@oui-button-icon-left-icon-color_disabled: @oui-button-hollow-font-color_disabled;
53-
@oui-button-icon-right-icon-margin-right: ~"calc(@{oui-button-icon-icon-size} / 3)";
53+
@oui-button-icon-right-icon-margin-right: ~"calc(@{oui-button-icon-icon-size} / 2)";
5454

5555
// Button - Link
5656
@oui-button-link-icon-color: #666666;

0 commit comments

Comments
 (0)