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:
parent
f42f5a31e9
commit
0f5c74a1c9
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user