_misc.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /********
  2. * Misc *
  3. ********/
  4. //content view (grid/list)
  5. .content-view {
  6. background-color: darken($bg_color,7%);
  7. &:hover { -gtk-icon-effect: highlight; }
  8. &:backdrop { background-color: darken($bg_color,7%); }
  9. rubberband { @extend rubberband; }
  10. }
  11. .scale-popup {
  12. .osd & { @extend %osd; }
  13. .osd & button.flat { //FIXME: quick hack, redo properly
  14. border-style: none;
  15. border-radius: 5px;
  16. }
  17. button { // +/- buttons on GtkVolumeButton popup
  18. &:hover {
  19. @extend %undecorated_button;
  20. background-color: transparentize($fg_color,0.9);
  21. border-radius: 5px;
  22. }
  23. &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }}
  24. }
  25. }
  26. /************
  27. * Assistant *
  28. *************/
  29. assistant {
  30. border-bottom-left-radius:4px;
  31. border-bottom-right-radius:4px;
  32. .sidebar {
  33. background-color: $base_color;
  34. border-top: 1px solid $borders_color;
  35. border-bottom-left-radius:4px;
  36. &:backdrop {
  37. background-color: $backdrop_base_color;
  38. border-color: $backdrop_borders_color;
  39. }
  40. }
  41. &.csd .sidebar { border-top-style: none; }
  42. .sidebar GtkLabel,
  43. .sidebar label { padding: 6px 12px; }
  44. .sidebar GtkLabel.highlight,
  45. .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); }
  46. }