app.component.css.map

{
  "version": 3,
  "sources": ["src/app/app.component.scss", "node_modules/@angular/docs/styles/_media-queries.scss"],
  "sourcesContent": ["@use '@angular/docs/styles/media-queries' as mq;\n\n:host {\n  margin-inline: auto;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  min-height: 100vh;\n\n  // Display top level banner below the navigation.\n  docs-top-level-banner {\n    @include mq.for-tablet {\n      top: 4.6875rem;\n    }\n\n    @include mq.for-phone-only {\n      top: 3.75rem;\n      transform: translateY(0);\n      transition: transform 0.3s ease-out 0.6s;\n    }\n\n    // show it under the navbar.\n    @include mq.for-tablet-landscape-down {\n      z-index: calc(var(--z-index-nav) - 1);\n    }\n  }\n\n  // Case: If secondary navigation exists, display banner below secondary navigation for tablets.\n  &:has(adev-secondary-navigation) {\n    docs-top-level-banner {\n      @include mq.for-tablet {\n        top: 8.125rem;\n      }\n    }\n  }\n\n  // Case: If primary navigation is opened, display banner at the top of the page.\n  &:has(.adev-nav-primary--open) {\n    docs-top-level-banner {\n      @include mq.for-phone-only {\n        transform: translateY(-3.75rem);\n        transition: transform 0.3s ease-in;\n      }\n    }\n  }\n\n  @include mq.for-tablet-landscape-down {\n    flex-direction: column;\n  }\n  // If navs are open, render a blurry background over content\n  &:has(.docs-nav-secondary--open),\n  &:has(.adev-nav-primary--open) {\n    .docs-app-main-content {\n      &::after {\n        visibility: visible;\n        opacity: 1;\n      }\n    }\n  }\n\n  &:has(.adev-home) {\n    .adev-nav {\n      width: 0;\n      height: 0;\n    }\n\n    @include mq.for-tablet-landscape-up {\n      footer {\n        margin-left: var(--primary-nav-width);\n      }\n    }\n  }\n}\n\n.adev-skip {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.5rem;\n  z-index: 1000;\n  background: var(--primary-contrast);\n  color: var(--page-background);\n  border: 1px solid var(--vivid-pink);\n  border-radius: 0.25rem;\n  padding: 0.5rem;\n  font-size: 0.875rem;\n  transform: translateY(-150%);\n  transition: transform 0.3s ease-out;\n  &:focus {\n    transform: translateY(0);\n  }\n}\n\n.docs-app-main-content {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  width: 100%;\n  max-width: 2560px;\n\n  // If navs are open, render a blurry background over content\n  ::after {\n    content: '';\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    backdrop-filter: blur(2px);\n    background-color: color-mix(in srgb, var(--gray-1000) 5%, transparent);\n    z-index: 50;\n    visibility: hidden;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n\n  @include mq.for-tablet {\n    width: 100%;\n  }\n}\n\nfooter {\n  margin-top: auto;\n}\n", "$screen-xs: 700px;\n$screen-sm: 775px;\n$screen-md: 900px;\n$screen-lg: 1200px;\n$screen-xl: 1430px;\n$screen-xxl: 1800px;\n\n@mixin for-phone-only {\n  @media (max-width: $screen-xs) {\n    @content;\n  }\n}\n\n@mixin for-tablet-portrait-up {\n  @media (min-width: calc($screen-xs + .01px)) {\n    @content;\n  }\n}\n\n@mixin for-tablet {\n  @media (min-width: calc($screen-xs + .01px)) and (max-width: $screen-md) {\n    @content;\n  }\n}\n\n@mixin for-tablet-up {\n  @media (min-width: calc($screen-sm + .01px)) {\n    @content;\n  }\n}\n\n@mixin for-tablet-landscape-up {\n  @media (min-width: calc($screen-md + .01px)) {\n    @content;\n  }\n}\n\n@mixin for-desktop-up {\n  @media (min-width: calc($screen-lg + .01px)) {\n    @content;\n  }\n}\n\n@mixin for-large-desktop-up {\n  @media (min-width: calc($screen-xl + .01px)) {\n    @content;\n  }\n}\n\n@mixin for-extra-large-desktop-up {\n  @media (min-width: calc($screen-xxl + .01px)) {\n    @content;\n  }\n}\n\n@mixin for-desktop-down {\n  @media (max-width: $screen-lg) {\n    @content;\n  }\n}\n\n@mixin for-large-desktop-down {\n  @media (max-width: calc($screen-xl )) {\n    @content;\n  }\n}\n\n@mixin for-tablet-landscape-down {\n  @media (max-width: $screen-md) {\n    @content;\n  }\n}\n\n@mixin for-tablet-down {\n  @media (max-width: $screen-sm) {\n    @content;\n  }\n}"],
  "mappings": ";AAEA;AACE,iBAAA;AACA,WAAA;AACA,kBAAA;AACA,eAAA;AACA,cAAA;;ACaA,OAAA,CAAA,SAAA,EAAA,UAAA,IAAA,CAAA,SAAA,EAAA;ADVA,QAAA;AAEI,SAAA;;;ACJJ,OAAA,CAAA,SAAA,EAAA;ADEA,QAAA;AAMI,SAAA;AACA,eAAA,WAAA;AACA,gBAAA,UAAA,KAAA,SAAA;;;ACkDJ,OAAA,CAAA,SAAA,EAAA;AD1DA,QAAA;AAaI,aAAA,KAAA,IAAA,eAAA,EAAA;;;ACHJ,OAAA,CAAA,SAAA,EAAA,UAAA,IAAA,CAAA,SAAA,EAAA;ADSE,OAAA,KAAA,2BAAA;AAEI,SAAA;;;ACvBN,OAAA,CAAA,SAAA,EAAA;AD8BE,OAAA,KAAA,CAAA,wBAAA;AAEI,eAAA,WAAA;AACA,gBAAA,UAAA,KAAA;;;AC2BN,OAAA,CAAA,SAAA,EAAA;ADlEF;AA6CI,oBAAA;;;AAME,KAAA,KAAA,CAAA,0BAAA,CAAA,qBAAA;AAAA,KAAA,KAAA,CAfF,wBAeE,CAAA,qBAAA;AACE,cAAA;AACA,WAAA;;AAMJ,KAAA,KAAA,CAAA,WAAA,CAAA;AACE,SAAA;AACA,UAAA;;AC/BJ,OAAA,CAAA,SAAA,EAAA;ADmCI,OAAA,KAAA,CANF,WAME;AACE,iBAAA,IAAA;;;AAMR,CAAA;AACE,YAAA;AACA,OAAA;AACA,QAAA;AACA,WAAA;AACA,cAAA,IAAA;AACA,SAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA;AACA,WAAA;AACA,aAAA;AACA,aAAA,WAAA;AACA,cAAA,UAAA,KAAA;;AACA,CAbF,SAaE;AACE,aAAA,WAAA;;AAIJ,CAvCM;AAwCJ,WAAA;AACA,kBAAA;AACA,cAAA;AACA,SAAA;AACA,aAAA;;AAGA,CA/CI,sBA+CJ;AACE,WAAA;AACA,YAAA;AACA,OAAA;AACA,QAAA;AACA,SAAA;AACA,UAAA;AACA,2BAAA,KAAA;AAAA,mBAAA,KAAA;AACA,oBAAA,UAAA,GAAA,IAAA,EAAA,IAAA,aAAA,EAAA,EAAA;AACA,WAAA;AACA,cAAA;AACA,WAAA;AACA,cAAA,QAAA,KAAA;;AC5FF,OAAA,CAAA,SAAA,EAAA,UAAA,IAAA,CAAA,SAAA,EAAA;ADwEF,GAvCM;AA+DF,WAAA;;;AAIJ;AACE,cAAA;;",
  "names": []
}