You are here

bp-callout.css in Bootstrap Paragraphs 8.2

The CSS file for Bootstrap Paragraphs Callout module.

Compiled from the SCSS file of the same name.

File

modules/bp_callout/css/bp-callout.css
View source
  1. /**
  2. * @file
  3. * The CSS file for Bootstrap Paragraphs Callout module.
  4. *
  5. * Compiled from the SCSS file of the same name.
  6. */
  7. .paragraph--type--bp-callout > .paragraph__column {
  8. padding-right: 0;
  9. padding-bottom: 0;
  10. padding-left: 0;
  11. }
  12. .callout-header,
  13. .callout-body {
  14. padding: 1rem;
  15. }
  16. .paragraph.paragraph--type--bp-callout.paragraph--color > .paragraph__column {
  17. padding-top: 0;
  18. padding-bottom: 0;
  19. }
  20. .callout-style--primary {
  21. border: 2px solid #007bff;
  22. }
  23. .callout-style--primary .callout-header {
  24. background: #007bff;
  25. color: #ffffff;
  26. }
  27. .callout-style--secondary {
  28. border: 2px solid #6c757d;
  29. }
  30. .callout-style--secondary .callout-header {
  31. background: transparent;
  32. color: #ffffff;
  33. }
  34. .callout-style--success {
  35. border: 2px solid #28a745;
  36. }
  37. .callout-style--success .callout-header {
  38. background: #28a745;
  39. color: #ffffff;
  40. }
  41. .callout-style--danger {
  42. border: 2px solid #dc3545;
  43. }
  44. .callout-style--danger .callout-header {
  45. background: #dc3545;
  46. color: #ffffff;
  47. }
  48. .callout-style--warning {
  49. border: 2px solid #ffc107;
  50. }
  51. .callout-style--warning .callout-header {
  52. background: #ffc107;
  53. }
  54. .callout-style--info {
  55. border: 2px solid #17a2b8;
  56. }
  57. .callout-style--info .callout-header {
  58. background: #17a2b8;
  59. color: #ffffff;
  60. }
  61. .callout-style--dark {
  62. border: 2px solid #343a40;
  63. }
  64. .callout-style--dark .callout-header {
  65. background: #343a40;
  66. color: #ffffff;
  67. }
  68. .callout-style--light {
  69. background: #f8f9fa;
  70. border: 2px solid #f8f9fa;
  71. }
  72. .callout-style--light .callout-header {
  73. background: #f8f9fa;
  74. }
  75. .callout-style--white {
  76. background: #ffffff;
  77. border: 2px solid #ffffff;
  78. }
  79. .callout-style--white .callout-header {
  80. background: #ffffff;
  81. }