github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/website/pages/style.css (about)

     1  /* Global Component Styles */
     2  @import '~@hashicorp/mktg-global-styles/style.css';
     3  @import '~@hashicorp/mktg-global-styles/_temporary-to-remove/layout.css';
     4  @import '~@hashicorp/mktg-global-styles/_temporary-to-remove/tables.css';
     5  @import '~@hashicorp/nextjs-scripts/prism/style.css';
     6  
     7  :root {
     8    --highlight-color: var(--nomad);
     9  }
    10  
    11  /* Global Transpiled Components */
    12  @import '~@hashicorp/react-alert/dist/style.css';
    13  @import '~@hashicorp/react-alert-banner/style.css';
    14  @import '~@hashicorp/react-button/styles/index.css';
    15  @import '~@hashicorp/react-call-to-action/style.css';
    16  @import '~@hashicorp/react-code-block/style.css';
    17  @import '~@hashicorp/react-consent-manager/style.css';
    18  @import '~@hashicorp/react-toggle/style.css';
    19  @import '~@hashicorp/react-content/style.css';
    20  @import '~@hashicorp/react-docs-page/style.css';
    21  @import '~@hashicorp/react-docs-sidenav/style.css';
    22  @import '~@hashicorp/react-enterprise-alert/style.css';
    23  @import '~@hashicorp/react-hero/style.css';
    24  @import '~@hashicorp/react-product-downloader/dist/style.css';
    25  @import '~@hashicorp/react-search/style.css';
    26  @import '~@hashicorp/react-section-header/style.css';
    27  @import '~@hashicorp/react-subnav/style.css';
    28  @import '~@hashicorp/react-tabs/style.css';
    29  @import '~@hashicorp/react-text-split/style.css';
    30  @import '~@hashicorp/react-use-cases/dist/style.css';
    31  @import '~@hashicorp/react-vertical-text-block-list/style.css';
    32  
    33  /* Local Components */
    34  @import '../components/placement-table/style.css';
    35  @import '../components/case-study-carousel/style.css';
    36  @import '../components/features-list/style.css';
    37  @import '../components/enterprise-info/style.css';
    38  @import '../components/mini-cta/style.css';
    39  @import '../components/homepage-hero/style.css';
    40  @import '../components/featured-slider/style.css';
    41  @import '../components/featured-slider-section/style.css';
    42  @import '../components/learn-nomad/style.css';
    43  @import '../components/basic-hero/style.css';
    44  @import '../components/footer/style.css';
    45  @import '../components/use-case-page/style.css';
    46  
    47  /* Local Pages */
    48  @import './home/style.css';
    49  @import './downloads/style.css';
    50  @import './security/style.css';
    51  @import './community/style.css';
    52  
    53  /* Print Styles */
    54  @import './print.css';
    55  
    56  /* Sticky Footer */
    57  .__next > .content {
    58    min-height: calc(100vh - 260px);
    59  
    60    &.banner {
    61      min-height: calc(100vh - 315px);
    62    }
    63  }
    64  
    65  /*
    66   * About this selector:
    67   * `.g-subnav ~ *` finds all elements after the navigation.
    68   * `:target` finds the active permalink on the page.
    69   *
    70   * About this style:
    71   * `scroll-margin-top` adjusts the vertical scroll of a permalink.
    72   * `64px` adjusts the scroll to account for the navigation.
    73   * `0.5em` further adjusts the scroll to give the permalink breathing room.
    74   *
    75   * See: https://developer.mozilla.org/en-US/docs/Web/CSS/:target
    76   * See: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top
    77   */
    78  .g-subnav ~ * :target {
    79    scroll-margin-top: calc(64px + 0.5em);
    80  }
    81  
    82  /* overrides */
    83  
    84  .g-content pre code {
    85    background: none;
    86  }