popover.scss 854 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @import "mixins/mixins";
  2. @import "common/var";
  3. @import "./popper";
  4. @include b(popover) {
  5. position: absolute;
  6. background: $--popover-background-color;
  7. min-width: 150px;
  8. border-radius: 4px;
  9. border: 1px solid $--popover-border-color;
  10. padding: $--popover-padding;
  11. z-index: $--index-popper;
  12. color: $--color-text-regular;
  13. line-height: 1.4;
  14. text-align: justify;
  15. font-size: $--popover-font-size;
  16. box-shadow: $--box-shadow-light;
  17. word-break: break-all;
  18. @include m(plain) {
  19. padding: $--popover-padding-large;
  20. }
  21. @include e(title) {
  22. color: $--popover-title-font-color;
  23. font-size: $--popover-title-font-size;
  24. line-height: 1;
  25. margin-bottom: 12px;
  26. }
  27. @include e(reference) {
  28. &:focus:not(.focusing), &:focus:hover {
  29. outline-width: 0;
  30. }
  31. }
  32. &:focus:active, &:focus {
  33. outline-width: 0;
  34. }
  35. }