_switcher.scss
ASCII text
1/* App Switcher */ 2 3.switcher-popup { 4padding: 8px; 5spacing: 16px; 6} 7 8// switcher onscreen panel 9.switcher-list { 10@extend %osd-panel; 11 12.switcher-list-item-container { 13spacing: 8px; 14} 15 16.item-box { 17transition-duration: $duration; 18padding: 8px; 19border: 0; 20border-radius: $corner-radius; 21 22&:outlined { 23padding: 8px; 24border: 0; 25box-shadow: none; 26background-color: activated-overlay($on-surface); 27color: inherit; 28} 29 30&:selected { 31background-color: $selected-overlay; 32color: inherit; 33} 34} 35 36// window thumbnails 37.thumbnail-box { 38padding: 2px; 39spacing: 4px; 40} 41 42.thumbnail { 43width: 256px; 44} 45 46.separator { 47width: 1px; 48background: divider($on-surface); 49} 50} 51 52.switcher-arrow { 53transition-duration: $duration; 54border-color: transparent; 55color: hint($on-surface); 56 57&:highlighted { 58color: $on-surface; 59} 60} 61 62// Input Source Switcher 63.input-source-switcher-symbol { 64width: 96px; 65height: 96px; 66@include type(headline3); 67} 68 69// Window cycler highlight 70.cycler-highlight { 71border: 4px solid $primary; 72} 73