1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

nicer button padding

This commit is contained in:
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 { button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
button.image-button { button.image-button {
min-width: 32px; min-width: 24px;
padding-left: 0; padding-left: 5px;
padding-right: 0; } padding-right: 5px; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 12px;
padding-right: 16px; } padding-right: 12px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 8px; padding-left: 5px;
padding-right: 8px; } padding-right: 5px; }
button.text-button.image-button label { 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-left: 8px;
padding-right: 8px; } padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo { 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 { button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
button.image-button { button.image-button {
min-width: 32px; min-width: 24px;
padding-left: 0; padding-left: 5px;
padding-right: 0; } padding-right: 5px; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 12px;
padding-right: 16px; } padding-right: 12px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 8px; padding-left: 5px;
padding-right: 8px; } padding-right: 5px; }
button.text-button.image-button label { 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-left: 8px;
padding-right: 8px; } padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo { 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 { button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
button.image-button { button.image-button {
min-width: 32px; min-width: 24px;
padding-left: 0; padding-left: 5px;
padding-right: 0; } padding-right: 5px; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 12px;
padding-right: 16px; } padding-right: 12px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 8px; padding-left: 5px;
padding-right: 8px; } padding-right: 5px; }
button.text-button.image-button label { 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-left: 8px;
padding-right: 8px; } padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo { 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 { button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
button.image-button { button.image-button {
min-width: 32px; min-width: 24px;
padding-left: 0; padding-left: 5px;
padding-right: 0; } padding-right: 5px; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 12px;
padding-right: 16px; } padding-right: 12px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 8px; padding-left: 5px;
padding-right: 8px; } padding-right: 5px; }
button.text-button.image-button label { 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-left: 8px;
padding-right: 8px; } padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo { 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 { button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
button.image-button { button.image-button {
min-width: 32px; min-width: 24px;
padding-left: 0; padding-left: 5px;
padding-right: 0; } padding-right: 5px; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 12px;
padding-right: 16px; } padding-right: 12px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 8px; padding-left: 5px;
padding-right: 8px; } padding-right: 5px; }
button.text-button.image-button label { 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-left: 8px;
padding-right: 8px; } padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo { 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 { button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
button.image-button { button.image-button {
min-width: 32px; min-width: 24px;
padding-left: 0; padding-left: 5px;
padding-right: 0; } padding-right: 5px; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 12px;
padding-right: 16px; } padding-right: 12px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 8px; padding-left: 5px;
padding-right: 8px; } padding-right: 5px; }
button.text-button.image-button label { 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-left: 8px;
padding-right: 8px; } padding-right: 8px; }
button:drop(active), combobox:drop(active) button.combo { button:drop(active), combobox:drop(active) button.combo {

View File

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