_tabbed_view.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .tabbed-view {
  2. background-color: $page-bg;
  3. background-image: $page-gradient;
  4. margin: (-$panel-margin*2) (-$panel-margin);
  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. float: left;
  25. font-style: italic;
  26. padding-top: 0.5rem;
  27. margin: 0 $spacer*3 0 $spacer*1;
  28. }
  29. .tabbed-view-close-btn {
  30. float: right;
  31. padding: 0;
  32. margin: 0;
  33. background-color: transparent;
  34. border: none;
  35. padding: ($tabs-padding-top + $tabs-top-margin) $spacer $tabs-padding-bottom;
  36. i {
  37. font-size: 120%;
  38. }
  39. color: $text-color;
  40. &:hover {
  41. color: $white;
  42. }
  43. }
  44. .tabbed-view-body {
  45. padding: $spacer*2;
  46. min-height: 250px;
  47. }
  48. .section-heading {
  49. font-size: 1.1rem;
  50. margin-bottom: 0.6rem;
  51. }