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