_tabbed_view.scss 980 B

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