AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: Make use of SASS syntax for emoji stuff

Browse Source 
This makes the theme easier to maintain.

https://bugzilla.gnome.org/show_bug.cgi?id=786956
This commit is contained in:
Daniel Boles 2017-09-02 16:56:14 +01:00 committed by Matthias Clasen
parent d20998db0b
commit 8a8a643b03
3 changed files with 32 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
gtk/theme/Adwaita/_common.scss
View File

@ -4385,6 +4385,11 @@ stackswitcher button.text-button.circular { // FIXME aggregate with buttons
padding: 0;
}
/*********
* Emoji *
********/
popover.emoji-picker { padding-left: 0; padding-right: 0; }
button.emoji-section {
@ -4404,32 +4409,28 @@ button.emoji-section {
text-shadow: none;
outline-offset: -5px;
&:backdrop:not(:checked) { border-color: transparent; }
&:hover { border-color: $borders_color; }
&:checked { border-color: $selected_bg_color; }
color: $borders_color;
&:hover { color: mix($fg_color, $borders_color, 50%); }
&:checked { color: $fg_color; }
&:backdrop { color: $backdrop_borders_color; }
&:backdrop:checked { color: $backdrop_fg_color; }
label {
padding: 0;
}
}
button.emoji-section label { padding: 0; }
button.emoji-section:hover { border-color: $borders_color; }
button.emoji-section:checked { border-color: $selected_bg_color; }
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
button.emoji-section { color: $borders_color; }
button.emoji-section:hover { color: mix($fg_color, $borders_color, 50%); }
button.emoji-section:checked { color: $fg_color; }
button.emoji-section:backdrop { color: $backdrop_borders_color; }
button.emoji-section:backdrop:checked { color: $backdrop_fg_color; }
.emoji {
font-size: x-large;
padding: 6px;
border-radius: 6px;
}
.emoji:hover {
:hover {
background: $selected_bg_color;
}
}

11
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -1893,20 +1893,17 @@ stackswitcher button.text-button { min-width: 100px; }
stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
/********* Emoji * */
popover.emoji-picker { padding-left: 0; padding-right: 0; }
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; color: #1b1f20; }
button.emoji-section label { padding: 0; }
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
button.emoji-section:hover { border-color: #1b1f20; }
button.emoji-section:checked { border-color: #215d9c; }
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
button.emoji-section { color: #1b1f20; }
button.emoji-section:hover { color: #858686; }
button.emoji-section:checked { color: #eeeeec; }
@ -1915,6 +1912,8 @@ button.emoji-section:backdrop { color: #202425; }
button.emoji-section:backdrop:checked { color: #919494; }
button.emoji-section label { padding: 0; }
.emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
.emoji:hover { background: #215d9c; }

11
gtk/theme/Adwaita/gtk-contained.css
View File

@ -1913,20 +1913,17 @@ stackswitcher button.text-button { min-width: 100px; }
stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
/********* Emoji * */
popover.emoji-picker { padding-left: 0; padding-right: 0; }
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; color: #b6b6b3; }
button.emoji-section label { padding: 0; }
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
button.emoji-section:hover { border-color: #b6b6b3; }
button.emoji-section:checked { border-color: #4a90d9; }
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
button.emoji-section { color: #b6b6b3; }
button.emoji-section:hover { color: #727574; }
button.emoji-section:checked { color: #2e3436; }
@ -1935,6 +1932,8 @@ button.emoji-section:backdrop { color: #c0c0bd; }
button.emoji-section:backdrop:checked { color: #8b8e8f; }
button.emoji-section label { padding: 0; }
.emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
.emoji:hover { background: #4a90d9; }