_tabbed_view.scss 929 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .tabbed-view {
  2. background-color: $page-bg;
  3. background-image: $page-gradient;
  4. margin: -$dashboard-padding;
  5. margin-bottom: $spacer*2;
  6. padding: $spacer*3;
  7. &.tabbed-view--panel-edit {
  8. padding: 0;
  9. .tabbed-view-header {
  10. padding: 0;
  11. background-color: $body-bg;
  12. padding: 1.5em 1rem 0 1rem;
  13. }
  14. .gf-tabs-link.active {
  15. background-color: $panel-bg;
  16. }
  17. }
  18. }
  19. .tabbed-view-header {
  20. @include clearfix();
  21. @include brand-bottom-border();
  22. }
  23. .tabbed-view-title {
  24. margin-left: $spacer*2;
  25. float: left;
  26. font-style: italic;
  27. }
  28. .tabbed-view-close-btn {
  29. float: right;
  30. padding: 0;
  31. margin: 0;
  32. background-color: transparent;
  33. border: none;
  34. padding: 8px;
  35. i {
  36. font-size: 120%;
  37. }
  38. color: $text-color;
  39. &:hover {
  40. color: $white;
  41. }
  42. }
  43. .tabbed-view-body {
  44. padding: $spacer*2;
  45. min-height: 250px;
  46. }
  47. .section-heading {
  48. font-size: 1.1rem;
  49. margin-bottom: 0.6rem;
  50. }