{"version":3,"sources":["divider/divider.scss","divider/_variables.scss"],"names":[],"mappings":"AAEA,iBAEE,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAOA,oFAAA,CAHA,gDCJc,CDDd,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAGA,2DCDkB,CDElB,2CCDoB,CDDpB,qDAMA,CAEA,+CAIE,kBAAA,CAIA,2ECbmB,CDWnB,oBAAA,CAJA,6BAAA,CAAA,qBAAA,CACA,aAAA,CACA,cAAA,CAAA,UAAA,CAAA,MAAA,CACA,UCVmB,CDgBrB,wBACE,UAAA,CAIA,mEAEE,4BAAA,CAAA,wBAAA,CAAA,oBAAA,CAIJ,yBACE,mBAAA,CAMA,qHACE,kEClCoB,CDqCtB,kHAEE,UAAA,CADA,iEACA,CAKF,sCACE,+CC5CuB,CDiDzB,sCACE,gDCjDwB","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}divider {\r\n  display: flex;\r\n  align-items: center;\r\n  margin: $divider-margin;\r\n  font-size: $divider-font-size;\r\n  line-height: $divider-line-height;\r\n  color: $divider-color;\r\n  border-color: $divider-border-color;\r\n  border-style: solid;\r\n  border-width: 0;\r\n\r\n  &::before,\r\n  &::after {\r\n    box-sizing: border-box;\r\n    display: block;\r\n    flex: 1;\r\n    height: 1px * $hd;\r\n    border-color: inherit;\r\n    border-style: inherit;\r\n    border-width: $divider-border-width;\r\n  }\r\n\r\n  &::before {\r\n    content: '';\r\n  }\r\n\r\n  &--hairline {\r\n    &::before,\r\n    &::after {\r\n      transform: scaleY(0.5);\r\n    }\r\n  }\r\n\r\n  &--dashed {\r\n    border-style: dashed;\r\n  }\r\n\r\n  &--content-center,\r\n  &--content-left,\r\n  &--content-right {\r\n    &::before {\r\n      margin-right: $divider-content-padding;\r\n    }\r\n\r\n    &::after {\r\n      margin-left: $divider-content-padding;\r\n      content: '';\r\n    }\r\n  }\r\n\r\n  &--content-left {\r\n    &::before {\r\n      max-width: $divider-content-left-width;\r\n    }\r\n  }\r\n\r\n  &--content-right {\r\n    &::after {\r\n      max-width: $divider-content-right-width;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$divider-margin: var(--divider-margin, var(--padding-md, $padding-md) 0);\r\n$divider-color: var(--divider-color, var(--gray-6, $gray-6));\r\n$divider-font-size: var(--divider-font-size, var(--font-size-md, $font-size-md));\r\n$divider-line-height: var(--divider-line-height, 24px * $hd);\r\n$divider-border-color: var(--divider-border-color, var(--border-color, $border-color));\r\n$divider-border-width: var(--divider-border-width, var(--border-width-base, $border-width-base) 0 0);\r\n$divider-content-padding: var(--divider-content-padding, var(--padding-md, $padding-md));\r\n$divider-content-left-width: var(--divider-content-left-width, 10%);\r\n$divider-content-right-width: var(--divider-content-right-width, 10%);\r\n"]}