panel.less 1006 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  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. .panel-desc {
  12. margin-bottom: 20px;
  13. }
  14. }
  15. .panel-content {
  16. padding: 1em 1.2em;
  17. }
  18. .panel-footer {
  19. padding: .6em 1.2em;
  20. background-color: @panelFooterBgColor;
  21. border-top: 1px solid@panelBorderColor;
  22. }
  23. &.panel-radius {
  24. border-radius: .3em;
  25. .panel-header {
  26. border-top-left-radius: .3em;
  27. border-top-right-radius: .3em;
  28. }
  29. .panel-footer {
  30. border-bottom-left-radius: .3em;
  31. border-bottom-right-radius: .3em;
  32. }
  33. }
  34. &.panel-warning {
  35. border-color: #F0C36D;
  36. > .panel-header {
  37. background-color: #F9EDBE;
  38. border-color: #F0C36D;
  39. }
  40. }
  41. }