_tabbed_view.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .tabbed-view {
  2. padding: $spacer*3;
  3. margin-bottom: $dashboard-padding;
  4. &.tabbed-view--panel-edit {
  5. padding: 0;
  6. .tabbed-view-header {
  7. padding: 0px 25px;
  8. background: none;
  9. }
  10. }
  11. &.tabbed-view--panel-edit-new {
  12. padding: 10px 0 0 0;
  13. .tabbed-view-header {
  14. padding: 0px;
  15. background: none;
  16. }
  17. }
  18. }
  19. .tabbed-view-header {
  20. background: $page-header-bg;
  21. box-shadow: $page-header-shadow;
  22. border-bottom: 1px solid $page-header-border-color;
  23. @include clearfix();
  24. }
  25. .tabbed-view-title {
  26. float: left;
  27. padding-top: 0.5rem;
  28. margin: 0 $spacer*3 0 $spacer*1;
  29. }
  30. .tabbed-view-panel-title {
  31. float: left;
  32. padding-top: 9px;
  33. margin: 0 2rem 0 0;
  34. }
  35. .tabbed-view-close-btn {
  36. float: right;
  37. padding: 0;
  38. margin: 0;
  39. background-color: transparent;
  40. border: none;
  41. padding: $tabs-padding;
  42. color: $text-color;
  43. i {
  44. font-size: 120%;
  45. }
  46. &:hover {
  47. color: $text-color-strong;
  48. }
  49. }
  50. .tabbed-view-body {
  51. padding: $spacer*2 $spacer;
  52. &--small {
  53. min-height: 0px;
  54. padding-bottom: 0px;
  55. }
  56. }
  57. .section-heading {
  58. font-size: 1.1rem;
  59. margin-bottom: 0.6rem;
  60. }