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