_toolbars.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /************
  2. * Toolbars *
  3. ************/
  4. %toolbar {
  5. -GtkWidget-window-dragging: true;
  6. padding: 4px;
  7. background-color: $bg_color;
  8. }
  9. toolbar {
  10. @extend %toolbar;
  11. padding: 4px 3px 3px 4px;
  12. // on OSD
  13. .osd & { background-color: transparent; }
  14. // stand-alone OSD toolbars
  15. &.osd {
  16. padding: 13px;
  17. border: none;
  18. border-radius: 5px;
  19. background-color: $osd_bg_color;
  20. &.left,
  21. &.right,
  22. &.top,
  23. &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
  24. }
  25. // toolbar separators
  26. &.horizontal separator { margin: 0 7px 1px 6px; }
  27. &.vertical separator { margin: 6px 1px 7px 0; }
  28. &:not(.inline-toolbar):not(.osd) {
  29. switch,
  30. scale,
  31. entry,
  32. spinbutton,
  33. button {
  34. margin-right: 1px;
  35. margin-bottom: 1px;
  36. }
  37. }
  38. }
  39. //searchbar, location-bar & inline-toolbar
  40. .inline-toolbar {
  41. @extend %toolbar;
  42. @extend %darkbar;
  43. padding: 3px;
  44. border-width: 0 1px 1px;
  45. border-radius: 0 0 5px 5px;
  46. }
  47. searchbar,
  48. .location-bar {
  49. @extend %toolbar;
  50. @extend %darkbar;
  51. border-width: 0 0 1px;
  52. padding: 3px;
  53. }
  54. %darkbar {
  55. border-style: solid;
  56. border-color: $borders_color;
  57. $_bg: mix($bg_color, $borders_color, 70%);
  58. background-color: $_bg;
  59. &:backdrop {
  60. border-color: $backdrop_borders_color;
  61. background-color: $backdrop_dark_fill;
  62. box-shadow: none;
  63. transition: $backdrop_transition;
  64. }
  65. }
  66. searchbar{
  67. background: $base_color;
  68. }