_toolbars.scss 1.4 KB

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