_popovers.scss 952 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /* Popover */
  2. .popover {
  3. max-width: 240px;
  4. line-height: 1.7;
  5. border: 0;
  6. box-shadow: 0px 0px 20px 1px rgba(69, 65, 78, 0.2);
  7. .popover-header{
  8. background: $transparent-bg;
  9. font-size: 14px;
  10. border-bottom: 0px;
  11. text-transform: capitalize;
  12. margin-top: 5px;
  13. color: #aaaaaa;
  14. font-weight: $font-weight-normal;
  15. }
  16. .popover-body {
  17. margin-bottom: 5px;
  18. p {
  19. font-size: 13px;
  20. margin-bottom: 1rem;
  21. }
  22. }
  23. &.bs-popover-top, &.bs-popover-bottom, &.bs-popover-left, &.bs-popover-right{
  24. .arrow{
  25. &:before {
  26. border: $transparent-bg;
  27. }
  28. }
  29. }
  30. }
  31. .popover.bs-popover-auto[x-placement^=right], .popover.bs-popover-right{
  32. margin-left:10px;
  33. }
  34. .popover.bs-popover-auto[x-placement^=left], .popover.bs-popover-left{
  35. margin-right:10px;
  36. }
  37. .popover.bs-popover-auto[x-placement^=top], .popover.bs-popover-top{
  38. margin-bottom:10px;
  39. }
  40. .popover.bs-popover-auto[x-placement^=bottom], .popover.bs-popover-bottom{
  41. margin-top:10px;
  42. }