_box.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .box {
  2. position: relative;
  3. border-radius: $card-border-radius;
  4. background: #ffffff;
  5. margin-bottom: 10px;
  6. width: 100%;
  7. box-shadow: $shadow;
  8. display: flex;
  9. flex-direction: column;
  10. }
  11. .box .box-footer, .card .box-footer {
  12. border-top: 1px solid $divider-color;
  13. }
  14. .box-header {
  15. padding: 1rem;
  16. display: inherit;
  17. justify-content: space-between;
  18. align-items: center;
  19. h3, .h3 {
  20. font-size: 1.15rem;
  21. margin-bottom: 0;
  22. padding: .1rem;
  23. }
  24. }
  25. .card-header.with-border,
  26. .box-header.with-border {
  27. border-bottom: 1px solid $divider-color;
  28. }
  29. .box, .panel {
  30. transition: .3s cubic-bezier(.25,.8,.5,1);
  31. }
  32. .box-shadow {
  33. box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
  34. }
  35. .box.box-solid {
  36. border-top: 0;
  37. }
  38. .box-footer {
  39. display: inherit;
  40. border-top-left-radius: 0;
  41. border-top-right-radius: 0;
  42. border-bottom-right-radius: 3px;
  43. border-bottom-left-radius: 3px;
  44. padding: 10px;
  45. }
  46. .box-body {
  47. border-top-left-radius: 0;
  48. border-top-right-radius: 0;
  49. border-bottom-right-radius: 3px;
  50. border-bottom-left-radius: 3px;
  51. padding: 10px;
  52. .box-footer {
  53. margin: -10px;
  54. }
  55. }
  56. .box.box-solid.box-default {
  57. border: 1px solid lighten($input-border-color, 2%);
  58. box-shadow: 0 1px 1px rgba(0,0,0,.1);
  59. }
  60. .form-group .box {
  61. margin-bottom: 0;
  62. }