@govbr-ds/core/dist/components/skiplink/skiplink.min.css.map

Padrão Digital de Governo

{"version":3,"file":"components/skiplink/skiplink.min.css","mappings":"AAKA,aCEE,uCAAwC,CACxC,yCAA0C,CAC1C,0BAA2B,CAC3B,0CAA2C,CAC3C,yBAA0B,CAC1B,mCAAoC,CAIpC,mBAAoB,CACpB,qBAAsB,CACtB,2BAA4B,CAC5B,cAAe,CACf,KAAM,CACN,6BDRF,CCUE,eACE,kBAAmB,CACnB,kCAAmC,CACnC,iCAAkC,CAClC,mBAAoB,CACpB,mCAAoC,CACpC,iBAAkB,CAClB,UAAW,CACX,uEAAwE,CACxE,kBAAmB,CACnB,UDRJ,CCUI,kDAEE,KDTN,CCaE,qBACE,6BDXJ,CCgBE,kBACE,iCAAkC,CAClC,kBAAmB,CACnB,UAAW,CACX,uEDdJ,CCgBI,oBACE,eAAgB,CAChB,WAAY,CACZ,iBAAkB,CAClB,KDdN,CCiBI,+BACE,KDfN","sources":["webpack://core/./src/components/skiplink/_skiplink.scss","webpack://core/./src/components/skiplink/_mixins.scss"],"sourcesContent":["@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.#{$prefix}skiplink {\n  @include skiplink-configs;\n}\n","@mixin skiplink-configs {\n  @include skiplink-tokens;\n  @include skiplink-default;\n  @include skiplink-full;\n}\n\n@mixin skiplink-tokens {\n  --skiplink-layer: var(--z-index-layer-4);\n  --skiplink-margin: var(--spacing-scale-2x);\n  --skiplink-min-width: 300px;\n  --skiplink-shadow: var(--surface-shadow-lg);\n  --skiplink-duration: 150ms;\n  --skiplink-timing-function: ease-out;\n}\n\n@mixin skiplink-default {\n  display: inline-flex;\n  flex-direction: column;\n  left: var(--skiplink-margin);\n  position: fixed;\n  top: 0;\n  z-index: var(--skiplink-layer);\n\n  a {\n    align-items: center;\n    background-color: var(--background);\n    box-shadow: var(--skiplink-shadow);\n    display: inline-flex;\n    min-width: var(--skiplink-min-width);\n    position: absolute;\n    top: -100vh;\n    transition: top var(--skiplink-duration) var(--skiplink-timing-function);\n    white-space: nowrap;\n    width: auto;\n\n    &:focus,\n    &:focus-visible {\n      top: 0;\n    }\n  }\n\n  & .#{$prefix}tag {\n    background: var(--interactive);\n  }\n}\n\n@mixin skiplink-full {\n  &.full {\n    box-shadow: var(--skiplink-shadow);\n    flex-direction: row;\n    top: -100vh;\n    transition: top var(--skiplink-duration) var(--skiplink-timing-function);\n\n    a {\n      box-shadow: none;\n      min-width: 0;\n      position: relative;\n      top: 0;\n    }\n\n    &:focus-within {\n      top: 0;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}