remove redundant button spacing

This commit is contained in:
Kuldeep M 2021-10-10 18:18:10 +01:00 committed by GitHub
parent c2ef6fbb2d
commit 39414aaa58
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 22 deletions

View File

@ -200,28 +200,6 @@ button .icon,
width: 100%;
}
button [class^="button-"],
button [class*=" button-"],
.button [class^="button-"],
.button [class*=" button-"] {
margin-left: 0.25em;
margin-right: 0.25em;
}
button [class^="button-"]:first-child,
button [class*=" button-"]:first-child,
.button [class^="button-"]:first-child,
.button [class*=" button-"]:first-child {
margin-left: 0;
}
button [class^="button-"]:last-child,
button [class*=" button-"]:last-child,
.button [class^="button-"]:last-child,
.button [class*=" button-"]:last-child {
margin-right: 0;
}
.button-link {
background-color: transparent;
border: 0;

View File

@ -213,6 +213,8 @@ debugSetting.button = (parent) => {
debugSetting.control.button.link = new Button({ text: 'Link button', size: 'medium', style: ['link'] });
debugSetting.control.button.icon = new Button({ text: 'Icon button', size: 'medium', style: ['line'], iconName: 'add' });
parent.appendChild(
node('div', [
debugSetting.control.button.small.wrap(),
@ -222,6 +224,7 @@ debugSetting.button = (parent) => {
debugSetting.control.button.line.wrap(),
debugSetting.control.button.ring.wrap(),
debugSetting.control.button.link.wrap(),
debugSetting.control.button.icon.wrap()
])
);