1/* Dash to Dock */
2
3#dashtodockContainer #dash {
4  background-color: rgba($theme_grey_900, 0.5);
5}
6
7#dashtodockContainer:overview #dash {
8  background-color: rgba($theme_grey_900, 0.25);
9}
10
11#dashtodockContainer.extended:overview #dash {
12  background-color: transparent;
13}
14
15#dashtodockContainer.left #dash,
16#dashtodockContainer.right #dash {
17  padding: 3px 0;
18}
19
20#dashtodockContainer.top #dash,
21#dashtodockContainer.bottom #dash {
22  padding: 0 3px;
23}
24
25#dashtodockContainer.extended #dash {
26  padding: 0;
27  border-radius: 0;
28}
29
30#dashtodockContainer.left .dash-item-container > StWidget,
31#dashtodockContainer.right .dash-item-container > StWidget,
32#dashtodockContainer.extended.left .dash-item-container > StWidget,
33#dashtodockContainer.extended.right .dash-item-container > StWidget {
34  padding: 3px 6px;
35}
36
37#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget,
38#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget {
39  padding: 6px 6px 3px 6px;
40}
41
42#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget,
43#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget {
44  padding: 3px 6px 6px 6px;
45}
46
47#dashtodockContainer.top .dash-item-container > StWidget,
48#dashtodockContainer.bottom .dash-item-container > StWidget,
49#dashtodockContainer.extended.top .dash-item-container > StWidget,
50#dashtodockContainer.extended.bottom .dash-item-container > StWidget {
51  padding: 6px 3px;
52}
53
54#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget,
55#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget {
56  padding: 6px 3px 6px 6px;
57}
58
59#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget,
60#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget {
61  padding: 6px 6px 6px 3px;
62}
63
64#dashtodockContainer .app-well-app-running-dot {
65  background-color: transparent;
66}
67
68#dashtodockContainer .dash-item-container > StWidget {
69  background-size: cover;
70}
71
72@each $p, $pt in ('.left', 'left'),
73                 ('.right', 'right'),
74                 ('.top', 'top'),
75                 ('.bottom', 'bottom') {
76  @each $n, $nb in ('.running1', 'running1'),
77                   ('.running2', 'running2'),
78                   ('.running3', 'running3'),
79                   ('.running4', 'running4') {
80    @each $f, $fc in ('', ''),
81                     ('.focused', '-focused') {
82      #dashtodockContainer#{$p} .dash-item-container > StWidget#{$n}#{$f} {
83        background-image: url("assets/dash/#{$pt}-#{$nb}#{$fc}.svg");
84      }
85    }
86  }
87}
88
89
90/* Simple Dock */
91
92#dash:desktop {
93  background-color: rgba($theme_grey_900, 0.5);
94}
95
96
97/* GPaste */
98
99.popup-menu {
100  .search-entry {
101    color: $fg_color;
102    selection-background-color: $primary_color;
103    selected-color: $inverse_fg_color;
104    @include entry(normal);
105
106    &:focus {
107      @include entry(focus);
108      color: $fg_color;
109    }
110
111    .search-entry-icon { color: $hint_fg_color; }
112
113    &:hover, &:focus {
114      .search-entry-icon { color: $fg_color; }
115    }
116  }
117}
118
119// /*************************
120//  * OpenWeather Extension *
121//  *************************/
122
123.openweather {
124  &-button,
125  &-button-action,
126  &-menu-button-container,
127  &-button-box {
128    border: 1px solid transparent;
129  }
130
131  &-provider {
132    // generic text buttons are allocated with y-expand-ed
133    padding: 0 16px;
134    font-weight: 500;
135    @include button(flat-normal);
136    &:hover { @include button(flat-hover); }
137    &:focus { @include button(flat-focus); }
138    &:active { @include button(flat-active); }
139    &:insensitive { @include button(flat-disabled); }
140  }
141
142  &-current {
143    &-icon,
144    &-summary,
145    &-summarybox {
146      background: none;
147      color: $fg_color;
148    }
149
150    &-databox-values {
151      background: none;
152      color: $hint_fg_color;
153    }
154
155    &-databox-captions {
156      background: none;
157      color: $hint_fg_color;
158    }
159  }
160
161  &-forecast {
162    &-icon,
163    &-summary {
164      background: none;
165      color: $secondary_fg_color;
166    }
167
168    &-day,
169    &-temperature {
170      background: none;
171      color: $hint_fg_color;
172    }
173  }
174
175  &-sunrise-icon,
176  &-sunset-icon,
177  &-build-icon { color: $secondary_fg_color; }
178}
179