_popovers.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. /***************
  2. * Popovers *
  3. ***************/
  4. popover.background {
  5. background-color: transparent;
  6. font: initial;
  7. > arrow,
  8. > contents {
  9. $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25));
  10. background-color: $popover_bg_color;
  11. background-clip: padding-box;
  12. border: 1px solid $borders_color;
  13. box-shadow: 0 4px 6px transparentize(black, 0.6);
  14. }
  15. &:backdrop {
  16. background-color: transparent;
  17. box-shadow: none;
  18. }
  19. > contents {
  20. padding: 8px;
  21. border-radius: 5px;
  22. > list,
  23. > .view,
  24. > toolbar {
  25. border-style: none;
  26. background-color: transparent;
  27. }
  28. separator {
  29. background-color: mix($bg_color, $borders_color, 30%);
  30. margin: 3px;
  31. }
  32. list separator { margin: 0; }
  33. }
  34. .osd &,
  35. &.touch-selection,
  36. &.magnifier {
  37. background-color: transparent;
  38. > arrow,
  39. > contents {
  40. @extend %osd;
  41. border: 1px solid transparentize(white, 0.9);
  42. box-shadow: none;
  43. }
  44. }
  45. &.touch-selection,
  46. &.magnifier {
  47. button { @extend %osd_button; }
  48. }
  49. }
  50. magnifier {
  51. background-color: $base_color;
  52. }