_tabbed_view.scss 934 B

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