panel.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. @import "var";
  2. .panel {
  3. border: 1px solid@panelBorderColor;
  4. .panel-header {
  5. font-size: 16px;
  6. padding: .6em 1.2em;
  7. background-color: @panelHeaderBgColor;
  8. border-bottom: 1px solid@panelBorderColor;
  9. }
  10. .panel-body {
  11. background-color: white;
  12. .panel-desc {
  13. padding: 0 40px 20px 40px;
  14. }
  15. }
  16. .panel-content {
  17. padding: 1em 1.2em;
  18. }
  19. .panel-footer {
  20. padding: .6em 1.2em;
  21. background-color: @panelFooterBgColor;
  22. border-top: 1px solid@panelBorderColor;
  23. }
  24. &.panel-radius {
  25. border-radius: .3em;
  26. .panel-header {
  27. border-top-left-radius: .3em;
  28. border-top-right-radius: .3em;
  29. }
  30. .panel-footer {
  31. border-bottom-left-radius: .3em;
  32. border-bottom-right-radius: .3em;
  33. }
  34. .panel-content{
  35. border-bottom-left-radius: .3em;
  36. border-bottom-right-radius: .3em;
  37. }
  38. }
  39. &.panel-info {
  40. border-color: #85c5e5;
  41. > .panel-header {
  42. color: #31708f;
  43. background-color: #d9edf7;
  44. border-color: #85c5e5;
  45. }
  46. }
  47. &.panel-warning {
  48. border-color: #F0C36D;
  49. > .panel-header {
  50. background-color: #F9EDBE;
  51. border-color: #F0C36D;
  52. }
  53. }
  54. }