Skip to content

Commit

Permalink
nicer button padding
Browse files Browse the repository at this point in the history
  • Loading branch information
@horst3180
horst3180 committed Mar 31, 2016
1 parent f42f5a3 commit 0f5c74a
Show file tree
Hide file tree
Showing 7 changed files with 103 additions and 57 deletions.
22 changes: 14 additions & 8 deletions common/gtk-3.0/3.20/gtk-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
22 changes: 14 additions & 8 deletions common/gtk-3.0/3.20/gtk-darker.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
22 changes: 14 additions & 8 deletions common/gtk-3.0/3.20/gtk-solid-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
22 changes: 14 additions & 8 deletions common/gtk-3.0/3.20/gtk-solid-darker.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
22 changes: 14 additions & 8 deletions common/gtk-3.0/3.20/gtk-solid.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
22 changes: 14 additions & 8 deletions common/gtk-3.0/3.20/gtk.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
28 changes: 19 additions & 9 deletions common/gtk-3.0/3.20/sass/_common.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
}
}

Expand Down

0 comments on commit 0f5c74a

Please sign in to comment.