diff --git a/_sass/_redesign-platform.scss b/_sass/_redesign-platform.scss index 9cfa41d7a6..2db7b52829 100644 --- a/_sass/_redesign-platform.scss +++ b/_sass/_redesign-platform.scss @@ -53,183 +53,6 @@ $dual-column-table-label-cell-width-mobile: 100px; } } -$platform-header-wide-screen-width: 1200px; -$platform-header-reduce-padding-width: 1199px; - -.platform-page--header { - @include page-element-padding; - background-color: white; - .platform-page--feature-area { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - flex-wrap: wrap; - .platform-page--feature-area--icon { - flex-basis: 40px; - flex-grow: 0; - flex-shrink: 0; - width: 40px; - height: 40px; - > svg, - > img { - width: 40px; - height: 40px; - } - } - &.platform-page--feature-area__conference-page-drilldown { - .platform-page--feature-area--platform-name { - > a { - text-decoration: none; - } - } - } - &.platform-page--feature-area__solution-page { - .platform-page--feature-area--platform-name { - > a { - text-decoration: none; - } - } - .platform-page--feature-area--category-name { - > a { - text-decoration: none; - } - } - } - &.platform-page--feature-area__category-page { - .platform-page--feature-area--platform-name { - > a { - text-decoration: none; - } - } - } - .platform-page--feature-area--platform-name, - .platform-page--feature-area--category-name, - .platform-page--feature-area--solution-name, - .platform-page--feature-area--category-name-separator { - min-width: fit-content; - @include header-level4($secondary-sanfrancisco-fog-s4); - > a { - @include header-level4($secondary-sanfrancisco-fog-s4); - text-decoration-color: $primary-pacific-blue; - text-decoration-thickness: 2px; - &:hover { - text-decoration: underline; - text-decoration-color: $primary-pacific-blue; - text-decoration-thickness: 2px; - } - } - } - .platform-page--feature-area--platform-name, - .platform-page--feature-area--category-name, - .platform-page--feature-area--solution-name, - .platform-page--feature-area--category-name-separator { - margin-left: 1em; - } - .platform-page--feature-area--platform-name__mobile, - .platform-page--feature-area--category-name__mobile { - display: none; - margin-left: 0; - white-space: nowrap; - box-sizing: border-box; - max-width: 100%; - overflow-x: visible; - } - &.platform-page--feature-area__solution-page { - // Solution page shows only the separator and the category name breadcrumb. - // Hide the solution name, icon, and hide the platform landing link. - @media screen and (max-width: 460px) { - > .platform-page--feature-area--icon, - > .platform-page--feature-area--platform-name, - > .platform-page--feature-area--platform-name__mobile, - > .platform-page--feature-area--category-name + .platform-page--feature-area--category-name-separator, - > .platform-page--feature-area--solution-name { - display: none; - } - > .platform-page--feature-area--category-name-separator, - > .platform-page--feature-area--category-name { - display: block; - margin-left: 0; - } - } - - } - &.platform-page--feature-area__category-page { - // Category page shows only the platform landing page link with a separator. - // Hide the icon, category name. Of course there is no solution name here. - @media screen and (max-width: 460px) { - > .platform-page--feature-area--icon, - > .platform-page--feature-area--platform-name, - > .platform-page--feature-area--category-name-separator, - > .platform-page--feature-area--category-name { - display: none; - } - > .platform-page--feature-area--platform-name__mobile { - display: block; - } - } - } - &.platform-page--feature-area__conference-page-drilldown { - > .platform-page--feature-area--category-name-separator.platform-page--feature-area--category-name-separator__desktop-show { - @media screen and (min-width: 461px) { - display: block; - } - } - > .platform-page--feature-area--category-name__mobile { - display: none; - @media screen and (max–width: 460px) { - display: block; - } - } - } - &.platform-page--feature-area__conference-page { - > .platform-page--feature-area--platform-name { - display: none; - } - > .platform-page--feature-area--category-name-separator { - display: none; - } - > .platform-page--feature-area--category-name-separator.platform-page--feature-area--category-name-separator__desktop-show { - @media screen and (min-width: 461px) { - display: block; - } - } - > .platform-page--feature-area--category-name__mobile { - display: none; - @media screen and (max–width: 460px) { - display: block; - } - } - @media screen and (max–width: 460px) { - > .platform-page--feature-area--icon, - > .platform-page--feature-area--platform-name, - > .platform-page--feature-area--category-name-separator, - > .platform-page--feature-area--category-name, - > .platform-page--feature-area--platform-name__mobile { - display: none; - } - } - } - .platform-page--feature-area--solution-name { - @media screen and (max-width: 460px) { - display: none; - } - } - } - .platform-page--title { - padding-left: 0; - > h1 { - margin-top: 21px; - } - @media screen and (max-width: 460px) { - padding-left: 0; - > h1 { - @include header-level1-mobile; - margin-top: 10px; - } - } - } -} $platform-page-content-wide-screen-width: 1200px; $platform-page-content-reduce-padding-width: 1199px; .platform-page--content { diff --git a/_sass/_redesign.scss b/_sass/_redesign.scss index a7b0ddef83..68ddd816a5 100644 --- a/_sass/_redesign.scss +++ b/_sass/_redesign.scss @@ -179,10 +179,6 @@ $header-banner-mobile-breakpoint: 1018px; align-items: center; flex-wrap: wrap; } - @media screen and (min-width: 701) and (max-width: $content-with-panel-collapsed-max) { - display: grid; - grid-template-columns: 1fr 1fr; - } @media screen and (max-width: 700px) { display: grid; grid-template-columns: 1fr; diff --git a/_sass/_style.scss b/_sass/_style.scss index 7ddc2571ca..b8db5292a1 100644 --- a/_sass/_style.scss +++ b/_sass/_style.scss @@ -394,18 +394,6 @@ ul { } } } -.container--flex { - display: flex; - align-items: center; - justify-content: space-between; -} -.container--flex--wrap--mobile { - flex-wrap: wrap; - @include respond-min(462.5px) { - flex-wrap: no-wrap; - } -} - //------------------- Site Chrome (Header/Footer)