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

Padrão Digital de Governo

{"version":3,"file":"components/divider/divider.min.css","mappings":"AAKA,eCME,sCAAuC,CAIvC,gCAAiC,CACjC,kBAAmB,CACnB,cAAe,CACf,oCAAqC,CACrC,aDXF,CCeE,+BACE,kBAAmB,CACnB,QAAS,CACT,YAAa,CACb,sBDZJ,CCcI,wFAEE,gCAAiC,CACjC,kBAAmB,CACnB,cAAe,CACf,oCAAqC,CACrC,UAAW,CACX,MDXN,CCcI,2CACE,qCDXN,CCcI,6CACE,sCDXN,CCiBE,iCACE,kBAAmB,CACnB,sCAAuC,CACvC,kBDdJ,CCgBI,iDACE,qBDbN,CCeM,4HAEE,sCAAuC,CACvC,kBAAmB,CACnB,QDZR,CCmBE,oEAEE,4BDhBJ,CCqBE,6BACE,mBDlBJ,CCwBI,qBACE,sCDrBN,CCoBI,qBACE,sCDjBN,CCgBI,qBACE,sCDbN,CA5DA,GACE,yCAA0C,CAC1C,+BA+DF","sources":["webpack://core/./src/components/divider/_divider.scss","webpack://core/./src/components/divider/_mixins.scss"],"sourcesContent":["@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.#{$prefix}divider,\nhr {\n  @include divider-configs;\n}\n\n// A tag HR reaproveita o estilo do Divider com margens pré-configurada\nhr {\n  --divider-padding: var(--spacing-scale-2x);\n  margin: var(--divider-padding) 0;\n}\n","@mixin divider-configs {\n  @include divider-tokens;\n  @include divider-default;\n  @include divider-content;\n  @include divider-vertical;\n  @include divider-inverted;\n  @include divider-dashed;\n  @include divider-thickness;\n}\n\n@mixin divider-tokens {\n  --divider-size: var(--surface-width-sm);\n}\n\n@mixin divider-default {\n  border-color: var(--border-color);\n  border-style: solid;\n  border-width: 0;\n  border-top-width: var(--divider-size);\n  display: block;\n}\n\n@mixin divider-content {\n  &.content {\n    align-items: center;\n    border: 0;\n    display: flex;\n    justify-content: center;\n\n    &::after,\n    &::before {\n      border-color: var(--border-color);\n      border-style: solid;\n      border-width: 0;\n      border-top-width: var(--divider-size);\n      content: \"\";\n      flex: 1;\n    }\n\n    &::after {\n      margin-left: var(--spacing-scale-base);\n    }\n\n    &::before {\n      margin-right: var(--spacing-scale-base);\n    }\n  }\n}\n\n@mixin divider-vertical {\n  &.vertical {\n    align-self: stretch;\n    border-right-width: var(--divider-size);\n    border-top-width: 0;\n\n    &.content {\n      flex-direction: column;\n\n      &::after,\n      &::before {\n        border-right-width: var(--divider-size);\n        border-top-width: 0;\n        margin: 0;\n      }\n    }\n  }\n}\n\n@mixin divider-inverted {\n  &.inverted,\n  &.dark-mode {\n    --border-color: var(--pure-0);\n  }\n}\n\n@mixin divider-dashed {\n  &.dashed {\n    border-style: dashed;\n  }\n}\n\n@mixin divider-thickness {\n  @each $thickness in \"sm\", \"md\", \"lg\" {\n    &.#{$thickness} {\n      --divider-size: var(--surface-width-#{$thickness});\n    }\n  }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}