diff options
author | Horst3180 | 2016-01-03 22:35:53 +0100 |
---|---|---|
committer | Horst3180 | 2016-01-03 22:35:53 +0100 |
commit | 5af0399fef55dfec0265cc4ac989bd82ecf9dcf7 (patch) | |
tree | 949048be24933a10d267c20518390d6ef2a190d8 /common/gtk-3.0/3.16 | |
parent | 6865a39d53388b25d9b071b6ee6b826a1e45206d (diff) | |
download | solarc-theme-5af0399fef55dfec0265cc4ac989bd82ecf9dcf7.tar.gz solarc-theme-5af0399fef55dfec0265cc4ac989bd82ecf9dcf7.tar.xz solarc-theme-5af0399fef55dfec0265cc4ac989bd82ecf9dcf7.zip |
try to fix padding
Diffstat (limited to 'common/gtk-3.0/3.16')
-rw-r--r-- | common/gtk-3.0/3.16/gtk-dark.css | 93 | ||||
-rw-r--r-- | common/gtk-3.0/3.16/gtk-darker.css | 93 | ||||
-rw-r--r-- | common/gtk-3.0/3.16/gtk-solid-dark.css | 93 | ||||
-rw-r--r-- | common/gtk-3.0/3.16/gtk-solid-darker.css | 93 | ||||
-rw-r--r-- | common/gtk-3.0/3.16/gtk-solid.css | 93 | ||||
-rw-r--r-- | common/gtk-3.0/3.16/gtk.css | 93 | ||||
-rw-r--r-- | common/gtk-3.0/3.16/sass/_common.scss | 82 |
7 files changed, 319 insertions, 321 deletions
diff --git a/common/gtk-3.0/3.16/gtk-dark.css b/common/gtk-3.0/3.16/gtk-dark.css index 2ec0fed..fa5edb6 100644 --- a/common/gtk-3.0/3.16/gtk-dark.css +++ b/common/gtk-3.0/3.16/gtk-dark.css @@ -125,18 +125,17 @@ GtkTextView { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; @@ -259,8 +258,6 @@ GtkSearchEntry.entry { outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -312,7 +309,8 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, + .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -457,23 +455,21 @@ GtkSearchEntry.entry { background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, + .titlebar .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, + .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, + .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, + .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -482,16 +478,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, + .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, @@ -752,9 +745,9 @@ GtkSearchEntry.entry { GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { + GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -809,7 +802,7 @@ GtkComboBox { background-color: #313541; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -822,10 +815,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); @@ -882,8 +877,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1193,18 +1188,24 @@ GtkComboBox { border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2278,7 +2279,7 @@ GtkColorSwatch#add-color-button { background-image: none; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2410,7 +2411,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton { - padding: 6px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; diff --git a/common/gtk-3.0/3.16/gtk-darker.css b/common/gtk-3.0/3.16/gtk-darker.css index 4406219..468e8d0 100644 --- a/common/gtk-3.0/3.16/gtk-darker.css +++ b/common/gtk-3.0/3.16/gtk-darker.css @@ -125,18 +125,17 @@ GtkTextView { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; @@ -258,8 +257,6 @@ GtkSearchEntry.entry { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -311,7 +308,8 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, + .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -456,23 +454,21 @@ GtkSearchEntry.entry { background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, + .titlebar .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, + .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, + .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, + .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -481,16 +477,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, + .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, @@ -751,9 +744,9 @@ GtkSearchEntry.entry { GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { + GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -812,7 +805,7 @@ GtkComboBox { background-color: #edeef0; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -825,10 +818,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); @@ -885,8 +880,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1196,18 +1191,24 @@ GtkComboBox { border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2281,7 +2282,7 @@ GtkColorSwatch#add-color-button { background-image: none; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2413,7 +2414,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton { - padding: 6px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; diff --git a/common/gtk-3.0/3.16/gtk-solid-dark.css b/common/gtk-3.0/3.16/gtk-solid-dark.css index f3bdbb3..998942c 100644 --- a/common/gtk-3.0/3.16/gtk-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-solid-dark.css @@ -125,18 +125,17 @@ GtkTextView { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; @@ -259,8 +258,6 @@ GtkSearchEntry.entry { outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -312,7 +309,8 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, + .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -457,23 +455,21 @@ GtkSearchEntry.entry { background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, + .titlebar .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, + .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, + .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, + .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -482,16 +478,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, + .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, @@ -752,9 +745,9 @@ GtkSearchEntry.entry { GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { + GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -809,7 +802,7 @@ GtkComboBox { background-color: #313541; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -822,10 +815,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; @@ -882,8 +877,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1193,18 +1188,24 @@ GtkComboBox { border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2278,7 +2279,7 @@ GtkColorSwatch#add-color-button { background-image: none; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2410,7 +2411,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton { - padding: 6px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; diff --git a/common/gtk-3.0/3.16/gtk-solid-darker.css b/common/gtk-3.0/3.16/gtk-solid-darker.css index ad9bf79..989f748 100644 --- a/common/gtk-3.0/3.16/gtk-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-solid-darker.css @@ -125,18 +125,17 @@ GtkTextView { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; @@ -258,8 +257,6 @@ GtkSearchEntry.entry { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -311,7 +308,8 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, + .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -456,23 +454,21 @@ GtkSearchEntry.entry { background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, + .titlebar .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, + .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, + .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, + .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -481,16 +477,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, + .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, @@ -751,9 +744,9 @@ GtkSearchEntry.entry { GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { + GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -812,7 +805,7 @@ GtkComboBox { background-color: #edeef0; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -825,10 +818,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; @@ -885,8 +880,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1196,18 +1191,24 @@ GtkComboBox { border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2281,7 +2282,7 @@ GtkColorSwatch#add-color-button { background-image: none; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2413,7 +2414,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton { - padding: 6px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; diff --git a/common/gtk-3.0/3.16/gtk-solid.css b/common/gtk-3.0/3.16/gtk-solid.css index 62db911..b3c2541 100644 --- a/common/gtk-3.0/3.16/gtk-solid.css +++ b/common/gtk-3.0/3.16/gtk-solid.css @@ -125,18 +125,17 @@ GtkTextView { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; @@ -258,8 +257,6 @@ GtkSearchEntry.entry { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -311,7 +308,8 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, + .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -456,23 +454,21 @@ GtkSearchEntry.entry { background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, + .titlebar .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, + .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, + .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, + .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -481,16 +477,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, + .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, @@ -751,9 +744,9 @@ GtkSearchEntry.entry { GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { + GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -812,7 +805,7 @@ GtkComboBox { background-color: #edeef0; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -825,10 +818,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; @@ -885,8 +880,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1196,18 +1191,24 @@ GtkComboBox { border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2281,7 +2282,7 @@ GtkColorSwatch#add-color-button { background-image: none; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2413,7 +2414,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton { - padding: 6px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; diff --git a/common/gtk-3.0/3.16/gtk.css b/common/gtk-3.0/3.16/gtk.css index 4c2d945..c368c67 100644 --- a/common/gtk-3.0/3.16/gtk.css +++ b/common/gtk-3.0/3.16/gtk.css @@ -125,18 +125,17 @@ GtkTextView { .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - .header-bar .entry { - padding: 6px; } - .entry.image { - padding-left: 3px; - padding-right: 3px; } + .entry.image.left { + padding-left: 0; } + .entry.image.right { + padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; @@ -258,8 +257,6 @@ GtkSearchEntry.entry { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - .header-bar .button { - padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; @@ -311,7 +308,8 @@ GtkSearchEntry.entry { outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } - .button.osd.image-button { + .button.osd.image-button, .header-bar .button.osd.titlebutton, + .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294E2; } @@ -456,23 +454,21 @@ GtkSearchEntry.entry { background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } - .button.image-button { - padding: 8px; } - .header-bar .button.image-button { - padding: 6px 9px; } + .button.image-button, .header-bar .button.titlebutton, + .titlebar .button.titlebutton { + padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar .button.text-button { - padding: 6px 16px; } - .button.text-button.image-button { - padding: 4px 8px 5px; } - .button.text-button.image-button GtkLabel:first-child { + .button.text-button.image-button, .header-bar .button.text-button.titlebutton, + .titlebar .button.text-button.titlebutton { + padding: 5px 8px; } + .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, + .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } - .button.text-button.image-button GtkLabel:last-child { + .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, + .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } - .header-bar .button.text-button.image-button { - padding: 6px 16px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { @@ -481,16 +477,13 @@ GtkSearchEntry.entry { .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; } - .stack-switcher > .button .header-bar > GtkLabel { - padding: 6px 10px; } + padding-top: 3px; + padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } - .header-bar .stack-switcher > .button.text-button { - padding: 6px 10px; } - .stack-switcher > .button.image-button { - padding: 1px 3px; } + .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, + .titlebar .stack-switcher > .button.titlebutton { + padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, @@ -751,9 +744,9 @@ GtkSearchEntry.entry { GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { + GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; - padding-bottom: 4px; } + padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { @@ -812,7 +805,7 @@ GtkComboBox { background-color: #edeef0; } .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; @@ -825,10 +818,12 @@ GtkComboBox { .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { - padding: 0px 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar .subtitle { font-size: smaller; - padding: 0 12px; } + padding-left: 12px; + padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); @@ -885,8 +880,8 @@ GtkComboBox { .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 4px; + padding-bottom: 4px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized @@ -1196,18 +1191,24 @@ GtkComboBox { border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { - padding-left: 6px; - padding-right: 6px; } + padding: 5px 10px; } + .path-bar .button:first-child { + padding-left: 10px; } + .path-bar .button:last-child { + padding-right: 10px; } .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } + padding-left: 14px; + padding-right: 14px; } .path-bar .button GtkLabel:last-child { - padding-left: 2px; } + padding-left: 4px; } .path-bar .button GtkLabel:first-child { - padding-right: 2px; } + padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { - padding-right: 4px; - padding-left: 4px; } + padding-right: 0; + padding-left: 0; } + .path-bar .button GtkImage { + padding-top: 2px; + padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; @@ -2281,7 +2282,7 @@ GtkColorSwatch#add-color-button { background-image: none; } GtkColorButton.button { - padding: 4px; } + padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } @@ -2413,7 +2414,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton, .titlebar .button.titlebutton { - padding: 6px 4px; + padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss index fa89856..9aac2f9 100644 --- a/common/gtk-3.0/3.16/sass/_common.scss +++ b/common/gtk-3.0/3.16/sass/_common.scss @@ -188,24 +188,22 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers } } +$vert_padding: 5px; // // Text Entries // .entry { border: 1px solid; - padding: 5px 8px 6px; + padding: $vert_padding 8px; border-radius: 3px; transition: all 200ms $ease-out-quad; @include entry(normal); - .header-bar & { padding: 6px; } - - //&.image { // icons inside the entry - // &.left { padding-left: 0; } - // &.right { padding-right: 0; } - //} - &.image { padding-left: 3px; padding-right: 3px; } + &.image { // icons inside the entry + &.left { padding-left: 0; } + &.right { padding-right: 0; } + } &.flat, &.flat:focus { padding: 2px; @@ -359,9 +357,7 @@ $_dot_color: $selected_bg_color; transition: $_button_transition; border: 1px solid; border-radius: 3px; - padding: 5px 8px; - - .header-bar & { padding: 6px 11px; } + padding: $vert_padding 8px; @include button(normal); @@ -506,29 +502,23 @@ $_dot_color: $selected_bg_color; } } - &.image-button { padding: 8px; } - - .header-bar &.image-button { padding: 6px 9px; } + &.image-button { padding: 2px + $vert_padding 10px; } &.text-button { padding-left: 16px; padding-right: 16px; } - .header-bar &.text-button { padding: 6px 16px; } - &.text-button.image-button { // those buttons needs uneven horizontal padding, we want the icon side // to have the image-button padding, while the text side the text-button // one, so we're adding the missing padding to the label depending on // its position inside the button - padding: 4px 8px 5px; // same as .button + padding: $vert_padding 8px; // same as .button GtkLabel:first-child { padding-left: 8px; } GtkLabel:last-child { padding-right: 8px; } } - .header-bar &.text-button.image-button { padding: 6px 16px; } - .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical @@ -543,17 +533,13 @@ $_dot_color: $selected_bg_color; > GtkImage { padding-left: 6px; padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; + padding-top: $vert_padding - 2px; + padding-bottom: $vert_padding - 2px; } - .header-bar > GtkLabel { padding: 6px 10px; } - - &.text-button { padding: 5px 10px; } - - .header-bar &.text-button { padding: 6px 10px; } + &.text-button { padding: $vert_padding 10px; } // needed or it will get overridden - &.image-button { padding: 1px 3px; } + &.image-button { padding: $vert_padding - 3px 4px; } &.needs-attention > .label, &.needs-attention > GtkImage { @extend %needs_attention; } @@ -881,9 +867,9 @@ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; - > .button { // Otherwise combos - padding-top: 3px; // are bigger than - padding-bottom: 4px; // buttons + > .the-button-in-the-combobox { // Otherwise combos + padding-top: $vert_padding - 2px; // are bigger than + padding-bottom: $vert_padding - 2px; // buttons } &:insensitive { @@ -1007,7 +993,7 @@ GtkComboBox { // Headerbars // .header-bar { - padding: 7px 7px 6px 7px; + padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; @@ -1025,12 +1011,14 @@ GtkComboBox { &:backdrop { color: transparentize($header_fg, 0.3); } .title { - padding: 0px 12px; + padding-left: 12px; + padding-right: 12px; } .subtitle { font-size: smaller; - padding: 0 12px; + padding-left: 12px; + padding-right: 12px; @extend .dim-label; } @@ -1111,8 +1099,8 @@ GtkComboBox { .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows &.default-decoration:backdrop, .csd &.default-decoration:backdrop { - padding-top: 5px; // less padding for ssd - padding-bottom: 5px; // + padding-top: 4px; // less padding for ssd + padding-bottom: 4px; // background-color: opacify($header_bg, 1); border-bottom-width: 0; @@ -1393,18 +1381,20 @@ GtkComboBox { // Pathbars // .path-bar .button { - padding-left: 6px; - padding-right: 6px; + padding: 5px 10px; + &:first-child { padding-left: 10px; } + &:last-child { padding-right: 10px; } &:only-child { - padding-left: 12px; - padding-right: 12px; + padding-left: 14px; + padding-right: 14px; } // the following is for spacing the icon and the label inside the home button - GtkLabel:last-child { padding-left: 2px; } - GtkLabel:first-child { padding-right: 2px; } - GtkLabel:only-child, GtkLabel { padding-right: 4px; padding-left: 4px; } + GtkLabel:last-child { padding-left: 4px; } + GtkLabel:first-child { padding-right: 4px; } + GtkLabel:only-child, GtkLabel { padding-right: 0; padding-left: 0; } + GtkImage { padding-top: 2px; padding-bottom: 1px; } } // @@ -2700,13 +2690,13 @@ GtkColorSwatch { } GtkColorButton.button { - padding: 4px; // Uniform padding on the GtkColorButton + padding: 5px; // Uniform padding on the GtkColorButton GtkColorSwatch { border-radius: 0; } } // -// Misc * +// Misc // .scale-popup .button { // +/- buttons on GtkVolumeButton popup padding: 6px; @@ -2812,7 +2802,9 @@ GtkVolumeButton.button { padding: 8px; } } .button.titlebutton { - padding: 6px 4px; + @extend .image-button; + + padding: 8px 4px; @include button(undecorated); background-color: transparentize($header_bg, 1); |