_tabbed_view.scss 965 B

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