a511c95c7f
* turn article.scss into a module + componentized * Update Survey to use only component styles, add cancel button * Update GenericError + 404 page to use only standard classes * update LearningTrack to not use markdown-body * remove / consolidate stylesheets * cleanup Graphiql explorer page and scss * Componentize Breadcrumb styles * Componentize DeprecationBanner styles * scope h2 a link style to markdown-body * cleanup nav, organize page-header and page-footer components * remove unused scroll-button.scss * organize LanguagePicker and ProductPicker * add declarations file * remove featured-links.scss, update tests * update list utility and toc test * fix bad merge resolution * update breadcrumbs test
45 lines
827 B
SCSS
45 lines
827 B
SCSS
@import "@primer/css/layout/index.scss";
|
|
@import "@primer/css/support/variables/layout.scss";
|
|
@import "@primer/css/marketing/support/variables.scss";
|
|
|
|
.container {
|
|
max-width: 720px;
|
|
|
|
@include breakpoint(xl) {
|
|
max-width: none;
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-columns: minmax(500px, 720px) minmax(220px, 1fr);
|
|
grid-template-areas:
|
|
"top right-sidebar"
|
|
"bottom right-sidebar";
|
|
column-gap: $spacer-6;
|
|
}
|
|
|
|
@include breakpoint(xl) {
|
|
column-gap: $spacer-9;
|
|
}
|
|
}
|
|
|
|
.sidebar {
|
|
grid-area: right-sidebar;
|
|
}
|
|
|
|
.sidebarContent {
|
|
@include breakpoint(xl) {
|
|
position: sticky;
|
|
top: $spacer-4;
|
|
max-height: calc(100vh - #{$spacer-4});
|
|
overflow-y: auto;
|
|
padding-bottom: $spacer-4;
|
|
}
|
|
}
|
|
|
|
.head {
|
|
grid-area: top;
|
|
}
|
|
|
|
.content {
|
|
grid-area: bottom;
|
|
}
|