vaguerent/website/pages/style.css
Kendall Strautman 8173a57904
Style: Update brand colors (#12258)
* style: update brand colors

* chore: upgrade react-component deps

* add new downloads page

* chore: upgrades react-tabs

* chore: update deps

* style: home page color updates

* style: fix vmware background

* chore: upgrade body text color components

* style: adds body-copy color override

* feat: updates favicon

* content(home): swap trusted by logo image

* content(home): updates parity svg

* chore: updates product download page

* chore: updates product download page to stable

* style: fix sticky footer for downloads page

* chore: update favicon path

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
2021-05-03 11:40:28 -07:00

56 lines
1.7 KiB
CSS

/* Global Component Styles */
@import '~@hashicorp/mktg-global-styles/style.css';
@import '~@hashicorp/mktg-global-styles/_temporary-to-remove/layout.css';
@import '~@hashicorp/mktg-global-styles/_temporary-to-remove/tables.css';
@import '~@hashicorp/nextjs-scripts/prism/style.css';
:root {
--highlight-color: var(--vagrant);
}
@import '~@hashicorp/react-button/styles/index.css';
@import '~@hashicorp/react-code-block/style.css';
@import '~@hashicorp/react-consent-manager/style.css';
@import '~@hashicorp/react-content/style.css';
@import '~@hashicorp/react-docs-page/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);
}