vaguerent/website/pages/style.css
Zachary Shilton 1382832b9d
Upgrade global styles (#12470)
* website: upgrade global-style dependencies

* website: use hideOnMobile for alert banner

* website: remove deprecated --site-max-width on community page

* website: replace g-container with g-grid-container

* website: backfill missing heading styles

* website: remove duplicative not-found page folder

* website: use new download page for vmware utility

* website: replace fake vmware utility logo with plain text

* website: bump to downloads-page pre-release to prove out

* website: bump to product-downloads stable release

* website: bump to patched content component

* website: add comment on vmware download page config

* chore(website): use new interface on vmware downloads page
2021-08-27 15:28:49 -04:00

51 lines
1.4 KiB
CSS

/* Global Component Styles */
@import '~@hashicorp/mktg-global-styles/style.css';
:root {
--highlight-color: var(--vagrant);
}
@import '~@hashicorp/react-alert-banner/style.css';
@import '~@hashicorp/react-button/styles/index.css';
@import '~@hashicorp/react-consent-manager/style.css';
@import '~@hashicorp/react-search/style.css';
@import '~@hashicorp/react-subnav/style.css';
@import '~@hashicorp/react-tabs/style.css';
@import '~@hashicorp/react-toggle/style.css';
@import '~@hashicorp/react-vertical-text-block-list/style.css';
@import '~@hashicorp/react-product-downloader/dist/style.css';
/* Print Styles */
@import './print.css';
/* Expand content so footer is always at the bottom */
.__next > .content {
min-height: calc(100vh - 260px);
}
/*
* About this selector:
* `.g-subnav ~ *` finds all elements after the navigation.
* `:target` finds the active permalink on the page.
*
* About this style:
* `scroll-margin-top` adjusts the vertical scroll of a permalink.
* `64px` adjusts the scroll to account for the navigation.
* `0.5em` further adjusts the scroll to give the permalink breathing room.
*
* See: https://developer.mozilla.org/en-US/docs/Web/CSS/:target
* See: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top
*/
.g-subnav ~ * :target {
scroll-margin-top: calc(64px + 0.5em);
}
/* Sticky Footer */
#p-docs {
min-height: calc(100vh - 260px);
}
.g-type-body {
color: var(--gray-2);
}