Skip to content

Commit 27b4ce7

Browse files
megaxkhurshid-alam
megax
authored and
khurshid-alam
committed
[GTK 3.20] Unity-greeter rewrite sass format.
1 parent 5e9ab2e commit 27b4ce7

1 file changed

Lines changed: 82 additions & 93 deletions

File tree

‎gtk-3.20/scss/apps/_unity-greeter.scss‎

Lines changed: 82 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -3,114 +3,103 @@
33
***********************/
44

55
@include exports("unity-greeter") {
6+
@keyframes dashentry_spinner {
7+
to { -gtk-icon-transform: rotate(1turn); }
8+
}
69

7-
8-
.lightdm.menu {
10+
%lightdm-button {
911
background-image: none;
10-
background-color: fade-out($black, .4);
11-
border-color: fade-out($white, .8);
12-
border-radius: 4px;
13-
padding: 1px;
14-
12+
background-color: fade-out($black, .7);
13+
border-color: fade-out($white, .1);
14+
border-radius: ($roundness * 2) + 1px;
15+
padding: $spacing;
1516
color: $white;
1617
}
1718

18-
.lightdm-combo .menu {
19-
background-color: shade($dark_bg_color, 1.08);
20-
border-radius: 0;
21-
padding: 0;
22-
color: $white;
23-
}
19+
.lightdm {
20+
&.menu {
21+
background-image: none;
22+
background-color: fade-out($black, .4);
23+
border-color: fade-out($white, .8);
24+
border-radius: $roundness * 2;
25+
padding: 1px;
2426

25-
.lightdm.menu .menuitem *,
26-
.lightdm.menu .menuitem.check:active,
27-
.lightdm.menu .menuitem.radio:active {
28-
color: $white;
29-
}
27+
color: $white;
3028

31-
.lightdm.menubar *,
32-
.lightdm.menubar .menuitem {
33-
padding: 2px;
34-
}
29+
.menuitem { *, &.check:active, &.radio:active { color: $white; } }
30+
}
3531

36-
.lightdm-combo.combobox-entry .button,
37-
.lightdm-combo .cell,
38-
.lightdm-combo .button,
39-
.lightdm-combo .entry,
40-
41-
.lightdm.button{
42-
background-image: none;
43-
background-color: fade-out($black, .7);
44-
border-color: fade-out($white, .1);
45-
border-radius: 5px;
46-
padding: 5px;
47-
color: $white;
32+
&.menubar { *, &.menuitem { padding: $spacing - 3px; } }
33+
34+
&.option-button {
35+
padding: $spacing;
36+
background: none;
37+
border: 0;
4838
}
49-
.lightdm.button:hover {
50-
background-image: none;
51-
background-color: fade-out($white, .7);
52-
border-color: fade-out($white, .4);
53-
border-radius: 5px;
54-
padding: 5px;
55-
color: $white;
56-
text-shadow: none;
39+
40+
&.toggle-button {
41+
background: none;
42+
border-width: 0;
43+
44+
&.selected {
45+
background-color: fade-out($black, .7);
46+
border-color: fade-out($white, .7);
47+
border-width: 1px;
48+
49+
&:hover { background-color: fade-out($white, .7); }
50+
}
5751
}
58-
.lightdm.button:active,
59-
.lightdm.button:active:focus,
60-
.lightdm.button:focus,
6152

62-
.lightdm.entry {
63-
background-image: none;
64-
background-color: fade-out($black, .7);
65-
border-color: fade-out($white, .4);
66-
border-radius: 5px;
67-
padding: 7px;
68-
color: $white;
69-
text-shadow: none;
70-
}
71-
.lightdm.entry:hover,
72-
.lightdm.entry:active,
73-
.lightdm.entry:active:focus {
74-
background-image: none;
75-
border-image: none;
76-
}
77-
.lightdm.entry:focus {
78-
border-color: fade-out($white, .4);
79-
border-width: 1px;
80-
border-style: solid;
81-
color: $white;
82-
}
83-
.lightdm.entry:selected {
84-
background-color: fade-out($white, .8);
85-
}
53+
&.button {
54+
@extend %lightdm-button;
8655

87-
@keyframes dashentry_spinner {
88-
to { -gtk-icon-transform: rotate(1turn); }
89-
}
56+
&:hover {
57+
background-color: fade-out($white, .7);
58+
border-color: fade-out($white, .4);
59+
text-shadow: none;
60+
}
61+
}
9062

91-
.lightdm.entry:active {
92-
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
93-
animation: dashentry_spinner 1s infinite linear;
94-
}
63+
&.entry, &.button:active, &.button:active:focus, &.button:focus {
64+
background-image: none;
65+
background-color: fade-out($black, .7);
66+
border-color: fade-out($white, .4);
67+
border-radius: ($roundness * 2) + 1px;
68+
padding: $spacing + 2px;
69+
color: $white;
70+
text-shadow: none;
71+
}
9572

96-
.lightdm.option-button {
97-
padding: 5px;
98-
background: none;
99-
border: 0;
100-
}
73+
&.entry {
74+
&:hover, &:active, &:active:focus {
75+
background-image: none;
76+
border-image: none;
77+
}
10178

102-
.lightdm.toggle-button {
103-
background: none;
104-
border-width: 0;
105-
}
106-
.lightdm.toggle-button.selected:hover {
107-
background-color: fade-out($white, .7);
108-
border-color: fade-out($white, .7);
109-
border-width: 1px;
79+
&:active {
80+
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
81+
animation: dashentry_spinner 1s infinite linear;
82+
}
83+
84+
&:focus {
85+
border-color: fade-out($white, .4);
86+
border-width: 1px;
87+
border-style: solid;
88+
color: $white;
89+
}
90+
91+
&:selected { background-color: fade-out($white, .8); }
92+
}
11093
}
111-
.lightdm.toggle-button.selected {
112-
background-color: fade-out($black, .7);
113-
border-color: fade-out($white, .7);
114-
border-width: 1px;
94+
95+
.lightdm-combo {
96+
&.combobox-entry .button, .cell, .button, .entry { @extend %lightdm-button; }
97+
98+
&.menu {
99+
background-color: shade($dark_bg_color, 1.08);
100+
border-radius: 0;
101+
padding: 0;
102+
color: $white;
103+
}
115104
}
116105
}

0 commit comments

Comments
 (0)