1/* Dash to Dock */
2
3#dashtodockContainer #dash {
4  background-color: rgba($grey_900, 0.5);
5}
6
7#dashtodockContainer:overview #dash {
8  background-color: rgba($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 { //running apps indicator
65  width: 32px; height: 2px;
66  background-color: $inverse_secondary_fg_color;
67  margin-bottom: 0;
68
69  StWidget.focused & {
70    background-color: $primary_color;
71  }
72}
73
74#dashtodockContainer .dash-item-container > StWidget {
75  background-size: cover;
76}
77
78/* Simple Dock */
79#dash:desktop {
80  background-color: rgba($grey_900, 0.5);
81}
82
83// /*************************
84//  * OpenWeather Extension *
85//  *************************/
86
87.openweather {
88  &-button,
89  &-button-action,
90  &-menu-button-container,
91  &-button-box {
92    border: 1px solid transparent;
93  }
94
95  &-provider {
96    // generic text buttons are allocated with y-expand-ed
97    padding: 0 16px;
98    font-weight: 500;
99    @include button(flat-normal);
100    &:hover { @include button(flat-hover); }
101    &:focus { @include button(flat-focus); }
102    &:active { @include button(flat-active); }
103    &:insensitive { @include button(flat-disabled); }
104  }
105
106  &-current {
107    &-icon,
108    &-summary,
109    &-summarybox {
110      background: none;
111      color: $fg_color;
112    }
113
114    &-databox-values {
115      background: none;
116      color: $hint_fg_color;
117    }
118
119    &-databox-captions {
120      background: none;
121      color: $hint_fg_color;
122    }
123  }
124
125  &-forecast {
126    &-icon,
127    &-summary {
128      background: none;
129      color: $secondary_fg_color;
130    }
131
132    &-day,
133    &-temperature {
134      background: none;
135      color: $hint_fg_color;
136    }
137  }
138
139  &-sunrise-icon,
140  &-sunset-icon,
141  &-build-icon { color: $secondary_fg_color; }
142}
143