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 {
|
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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user