_frames.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /**********
  2. * Frames *
  3. **********/
  4. frame > border,
  5. .frame {
  6. box-shadow: none;
  7. margin: 0;
  8. padding: 0;
  9. border-radius: 0;
  10. border: 1px solid $borders_color;
  11. &.flat { border-style: none; }
  12. &:backdrop { border-color: $backdrop_borders_color; }
  13. }
  14. actionbar > revealer > box {
  15. padding: 6px;
  16. border-top: 1px solid $borders_color;
  17. &:backdrop { border-color: $backdrop_borders_color; }
  18. }
  19. scrolledwindow {
  20. viewport.frame { // avoid double borders when viewport inside scrolled window
  21. border-style: none;
  22. }
  23. // This is used when content is touch-dragged past boundaries.
  24. // draws a box on top of the content, the size changes programmatically.
  25. overshoot {
  26. &.top {
  27. @include overshoot(top);
  28. &:backdrop { @include overshoot(top, backdrop); }
  29. }
  30. &.bottom {
  31. @include overshoot(bottom);
  32. &:backdrop { @include overshoot(bottom, backdrop); }
  33. }
  34. &.left {
  35. @include overshoot(left);
  36. &:backdrop { @include overshoot(left, backdrop); }
  37. }
  38. &.right {
  39. @include overshoot(right);
  40. &:backdrop { @include overshoot(right, backdrop); }
  41. }
  42. }
  43. // Overflow indication, works similarly to the overshoot, the size if fixed tho.
  44. undershoot {
  45. &.top { @include undershoot(top); }
  46. &.bottom { @include undershoot(bottom); }
  47. &.left { @include undershoot(left); }
  48. &.right { @include undershoot(right); }
  49. }
  50. junction { // the small square between two scrollbars
  51. border-color: transparent;
  52. // the border image is used to add the missing dot between the borders, details, details, details...
  53. border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch;
  54. background-color: $scrollbar_bg_color;
  55. &:dir(rtl) { border-image-slice: 0 1 0 0; }
  56. &:backdrop {
  57. border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px);
  58. background-color: $backdrop_scrollbar_bg_color;
  59. transition: $backdrop_transition;
  60. }
  61. }
  62. }
  63. //vbox and hbox separators
  64. separator {
  65. background: transparentize(black, 0.9);
  66. }