// TO DO - structure this CSS correctly // Note - here there's a lot of nudging content due to inherent paddings and margins on cols. // Ultimately look at removing so col structure doesn't bring spacing in .uol-course .uol-course__header .uol-col-12 { padding-bottom: 0; padding-top: 0; margin-top: $spacing-4; @include media(">=uol-media-l") { margin-top: $spacing-5; } } .uol-course .uol-course__header { padding-bottom: 0; padding-top: 0; padding: 0 $spacing-4; @include media(">=uol-media-xs") { padding: 0 $spacing-2; } @include media(">=uol-media-l") { margin-top: $spacing-4; padding: 0 $spacing-4; } } .uol-course__main { padding-top: 0; } .uol-course .uol-side-nav-container, .uol-course .uol-side-nav-container--populated, .uol-course .uol-course__content { padding-top: 0; padding-bottom: 0; } .uol-course .uol-detail-nav { margin-bottom: $spacing-6; margin-left: $spacing-2; @include media(">=uol-media-m") { margin-bottom: $spacing-7; } @include media(">=uol-media-l") { margin-left: 0; } } .uol-global-marketing-banner { margin: $spacing-6 0; @include media(">=uol-media-m") { margin: $spacing-7 0; } } .uol-table-container table { width: 100%; } .uol-course-year--label { color: $color-font--dark; } .uol-course-year--value { color: $color-font; font-variant-numeric: lining-nums; } // Temp grey full width placeholder .uol-content-placeholder { display: flex; align-items: center; background-image: linear-gradient(135deg, #e8e8e8 25%, #ececec 25%, #ececec 50%, #e8e8e8 50%, #e8e8e8 75%, #ececec 75%, #ececec 100%); background-size: 84.85px 84.85px; padding: 20px; margin: 20px 0; font-size: 20px; } .uol-course__content { @include media(">=uol-media-l") { margin-bottom: $spacing-6; } .uol-profile-supplement { margin: $spacing-7 0; @include media(">=uol-media-m") { margin: $spacing-7 0; } } } .uol-course table th { min-width: none; }; .uol-course .uol-logo-group-item__logo { width: inherit !important; } .uol-course .uol-results-items__item h3 { margin-top: 0px; } .uol-course .uol-link-button-container { margin: $spacing-6 0; @include media(">=uol-media-m") { margin: $spacing-7 0; } } .uol-course__content__profile-container { margin: 0; } // Hide in page nav when no js .no-js { .uol-course .uol-page-nav { display: none; } } .uol-course-outer-template .uol-section-nav-related-content { @include media(">=uol-media-m", "=uol-media-l") { margin-top: 20px; max-width: calc(100% / 12 * 9 - 32px) !important; flex-basis: calc(100% / 12 * 9 - 32px) !important; margin-left: 12px; padding-left: 0 !important; } @include media(">=uol-media-xl") { max-width: calc(100% / 12 * 9 - 32px) !important; flex-basis: calc(100% / 12 * 9 - 32px) !important; margin-left: 16px; padding-left: 0 !important; } .uol-rich-text { margin-right: 0; } .uol-rich-text--with-lead { > p:first-of-type { @include media(">=uol-media-xl") { &::before { width: calc(100% / 7 - 8px) !important; left: -32px !important; } } } } }