_box.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .box {
  2. position: relative;
  3. border-radius: .35rem;
  4. background: #ffffff;
  5. border-top: 2px solid $input-border-color;
  6. margin-bottom: 10px;
  7. width: 100%;
  8. box-shadow: $shadow;
  9. display: flex;
  10. .box-footer {
  11. border-top: 1px solid $divider-color;
  12. }
  13. }
  14. .box-header {
  15. padding: 13px;
  16. display: inherit;
  17. justify-content: space-between;
  18. h3, .h3 {
  19. font-size: 1.2rem;
  20. margin-bottom: 0;
  21. }
  22. }
  23. .box-header.with-border {
  24. border-bottom: 1px solid #f4f4f4;
  25. }
  26. .box, .panel {
  27. transition: .3s cubic-bezier(.25,.8,.5,1);
  28. }
  29. .box-shadow {
  30. box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
  31. }
  32. .box.box-solid {
  33. border-top: 0;
  34. }
  35. .box.box-solid.box-default {
  36. border: 1px solid $input-border-color;
  37. }
  38. .box-body {
  39. border-top-left-radius: 0;
  40. border-top-right-radius: 0;
  41. border-bottom-right-radius: 3px;
  42. border-bottom-left-radius: 3px;
  43. padding: 10px;
  44. }
  45. .box-footer {
  46. display: inherit;
  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. }