nicer button padding

master
Horst3180 2016-03-31 21:25:07 +02:00
parent f42f5a31e9
commit 0f5c74a1c9
7 changed files with 103 additions and 57 deletions

View File

@ -285,16 +285,22 @@ button {
button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
min-width: 24px;
padding-left: 5px;
padding-right: 5px; }
button.text-button {
padding-left: 16px;
padding-right: 16px; }
padding-left: 12px;
padding-right: 12px; }
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
button.text-button.image-button label {
padding-left: 5px;
padding-right: 5px; }
button.text-button.image-button label:first-child {
padding-left: 8px;
padding-right: 2px; }
button.text-button.image-button label:last-child {
padding-right: 8px;
padding-left: 2px; }
button.text-button.image-button label:only-child {
padding-left: 8px;
padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo {

View File

@ -284,16 +284,22 @@ button {
button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
min-width: 24px;
padding-left: 5px;
padding-right: 5px; }
button.text-button {
padding-left: 16px;
padding-right: 16px; }
padding-left: 12px;
padding-right: 12px; }
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
button.text-button.image-button label {
padding-left: 5px;
padding-right: 5px; }
button.text-button.image-button label:first-child {
padding-left: 8px;
padding-right: 2px; }
button.text-button.image-button label:last-child {
padding-right: 8px;
padding-left: 2px; }
button.text-button.image-button label:only-child {
padding-left: 8px;
padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo {

View File

@ -285,16 +285,22 @@ button {
button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
min-width: 24px;
padding-left: 5px;
padding-right: 5px; }
button.text-button {
padding-left: 16px;
padding-right: 16px; }
padding-left: 12px;
padding-right: 12px; }
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
button.text-button.image-button label {
padding-left: 5px;
padding-right: 5px; }
button.text-button.image-button label:first-child {
padding-left: 8px;
padding-right: 2px; }
button.text-button.image-button label:last-child {
padding-right: 8px;
padding-left: 2px; }
button.text-button.image-button label:only-child {
padding-left: 8px;
padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo {

View File

@ -284,16 +284,22 @@ button {
button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
min-width: 24px;
padding-left: 5px;
padding-right: 5px; }
button.text-button {
padding-left: 16px;
padding-right: 16px; }
padding-left: 12px;
padding-right: 12px; }
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
button.text-button.image-button label {
padding-left: 5px;
padding-right: 5px; }
button.text-button.image-button label:first-child {
padding-left: 8px;
padding-right: 2px; }
button.text-button.image-button label:last-child {
padding-right: 8px;
padding-left: 2px; }
button.text-button.image-button label:only-child {
padding-left: 8px;
padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo {

View File

@ -284,16 +284,22 @@ button {
button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
min-width: 24px;
padding-left: 5px;
padding-right: 5px; }
button.text-button {
padding-left: 16px;
padding-right: 16px; }
padding-left: 12px;
padding-right: 12px; }
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
button.text-button.image-button label {
padding-left: 5px;
padding-right: 5px; }
button.text-button.image-button label:first-child {
padding-left: 8px;
padding-right: 2px; }
button.text-button.image-button label:last-child {
padding-right: 8px;
padding-left: 2px; }
button.text-button.image-button label:only-child {
padding-left: 8px;
padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo {

View File

@ -284,16 +284,22 @@ button {
button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
min-width: 24px;
padding-left: 5px;
padding-right: 5px; }
button.text-button {
padding-left: 16px;
padding-right: 16px; }
padding-left: 12px;
padding-right: 12px; }
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px; }
button.text-button.image-button label {
padding-left: 5px;
padding-right: 5px; }
button.text-button.image-button label:first-child {
padding-left: 8px;
padding-right: 2px; }
button.text-button.image-button label:last-child {
padding-right: 8px;
padding-left: 2px; }
button.text-button.image-button label:only-child {
padding-left: 8px;
padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo {

View File

@ -381,23 +381,33 @@ button {
}
&.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0;
min-width: 24px;
padding-left: 5px;
padding-right: 5px;
}
&.text-button {
padding-left: 16px;
padding-right: 16px;
padding-left: 12px;
padding-right: 12px;
}
&.text-button.image-button {
padding-left: 8px;
padding-right: 8px;
padding-left: 5px;
padding-right: 5px;
label {
padding-left: 8px;
padding-right: 8px;
&:first-child {
padding-left: 8px;
padding-right: 2px;
}
&:last-child {
padding-right: 8px;
padding-left: 2px;
}
&:only-child {
padding-left: 8px;
padding-right: 8px;
}
}
}