UNPKG

@vnmfify/core

Version:

```shell npm i @vnmfify/core -S ```

1 lines 2.48 kB
{"version":3,"sources":["action-sheet/action-sheet.scss","action-sheet/_variables.scss","styles/mixins/_hairline.scss"],"names":[],"mappings":"AAIE,kDACE,oFCDsC,CDGtC,wDE6BF,iEAAA,CAFA,QAAA,CA9BA,6BAAA,CAAA,qBAAA,CAEA,WAAA,CA6BA,2BF1BiE,CEJjE,mBAAA,CAFA,iBAAA,CA8BA,4BFxBiG,CE4BjG,4BAAA,CAAA,wBAAA,CAAA,oBAAA,CFxBA,+BAIE,6DCXyB,CDSzB,wECR6B,CDS7B,8ECR+B,CDM/B,wECRyB","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}action-sheet {\r\n\r\n .#{$component-prefix}sheet__description {\r\n padding-bottom: $action-sheet-description-padding-bottom;\r\n\r\n &::after {\r\n // TODO use scss vars\r\n @include hairline-bottom(var(--border-color, $border-color), var(--padding-md, $padding-md), var(--padding-md, $padding-md));\r\n }\r\n }\r\n\r\n &__subname {\r\n margin-top: $action-sheet-subname-margin-top;\r\n font-size: $action-sheet-subname-font-size;\r\n line-height: $action-sheet-subname-line-height;\r\n color: $action-sheet-subname-color;\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/mixins/hairline\";\r\n@import \"../styles/variables\";\r\n\r\n$action-sheet-description-padding-bottom: var(--action-sheet-description-padding-bottom, var(--padding-md, $padding-md));\r\n$action-sheet-subname-margin-top: var(--action-sheet-subname-margin-top, var(--padding-xs, $padding-xs));\r\n$action-sheet-subname-color: var(--action-sheet-subname-color, var(--gray-6, $gray-6));\r\n$action-sheet-subname-font-size: var(--action-sheet-subname-font-size, var(--font-size-sm, $font-size-sm));\r\n$action-sheet-subname-line-height: var(--action-sheet-subname-line-height, var(--line-height-sm, $line-height-sm));\r\n","@import '../variables';\n\n@mixin hairline-common {\n position: absolute;\n box-sizing: border-box;\n pointer-events: none;\n content: ' ';\n}\n\n@mixin hairline($color: $border-color) {\n @include hairline-common;\n\n top: -50%;\n right: -50%;\n bottom: -50%;\n left: -50%;\n border: 0 solid $color;\n transform: scale(0.5);\n}\n\n@mixin hairline-top($color: $border-color, $left: 0, $right: 0) {\n @include hairline-common;\n\n top: 0;\n right: $right;\n left: $left;\n border-top: 2px solid $color;\n transform: scaleY(0.5);\n}\n\n@mixin hairline-bottom($color: $border-color, $left: 0, $right: 0) {\n @include hairline-common;\n\n right: $right;\n bottom: 0;\n left: $left;\n border-bottom: 2px solid $color;\n transform: scaleY(0.5);\n}\n"]}