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

Padrão Digital de Governo

{"version":3,"file":"components/divider/divider.css","mappings":"AAKA;;ECME;EAIA;EACA;EACA;EACA;EACA;ADXF;ACeE;;EACE;EACA;EACA;EACA;ADZJ;ACcI;;;EAEE;EACA;EACA;EACA;EACA;EACA;ADXN;ACcI;;EACE;ADXN;ACcI;;EACE;ADXN;ACiBE;;EACE;EACA;EACA;ADdJ;ACgBI;;EACE;ADbN;ACeM;;;EAEE;EACA;EACA;ADZR;ACmBE;;;EAEE;ADhBJ;ACqBE;;EACE;ADlBJ;ACwBI;;EACE;ADrBN;ACoBI;;EACE;ADjBN;ACgBI;;EACE;ADbN;;AA5DA;EACE;EACA;AA+DF,C","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":[],"sourceRoot":""}