_overview.scss
ASCII text
1/* OVERVIEW */ 2 3@if $version >= 40 { 4.controls-manager, 5.secondary-monitor-workspaces { 6spacing: 16px; 7} 8 9#overviewGroup { 10background-color: $system; 11color: $on-system; 12 13StScrollBar { 14@extend %scrollbar-on-dark; 15} 16} 17} @else { 18#overview { 19spacing: 24px; 20background-color: transparent; 21color: $on-dark; 22 23StScrollBar { 24@extend %scrollbar-on-dark; 25} 26} 27 28.overview-controls { 29padding-bottom: 32px; 30} 31} 32 33%overview-panel { 34transition-duration: $duration-panel; 35border: 0; 36background-color: fill($on-dark); 37color: $on-dark; 38} 39 40%overview-status-text { 41@include type(headline3); 42color: disabled($on-dark); 43} 44 45%overview-item { 46@extend %-overview-item; 47 48&:focus { 49@extend %-overview-item-focus; 50} 51 52&:hover, 53&:selected { 54@extend %-overview-item-hover; 55} 56 57&:active, 58&:checked { 59@extend %-overview-item-active; 60} 61} 62 63%overview-icon { 64.overview-icon { 65@extend %-overview-item; 66} 67 68&:focus { 69.overview-icon { 70@extend %-overview-item-focus; 71} 72} 73 74&:drop, 75&:hover, 76&:selected { 77.overview-icon { 78@extend %-overview-item-hover; 79} 80} 81 82&:active, 83&:checked { 84.overview-icon { 85@extend %-overview-item-active; 86} 87} 88} 89 90%-overview-item { 91padding: 6px; 92border: 0; 93border-radius: $corner-radius; 94background-color: transparent; 95color: inherit; 96text-align: center; 97transition-duration: $duration; 98} 99 100%-overview-item-focus { 101border-image: none; 102background-image: none; 103background-color: overlay("focus", $on-dark); 104color: inherit; 105transition-duration: 0ms; 106} 107 108%-overview-item-hover { 109border: 0; 110border-image: none; 111background-image: none; 112background-color: overlay("hover", $on-dark); 113color: inherit; 114transition-duration: 0ms; 115} 116 117%-overview-item-active { 118box-shadow: none; 119background-color: overlay("pressed", $on-dark); 120color: inherit; 121transition-duration: $duration-ripple; 122} 123