@vnmfify/core
Version:
```shell npm i @vnmfify/core -S ```
1 lines • 5.36 kB
Source Map (JSON)
{"version":3,"sources":["input/native-input.scss","input/_variables.scss","input/input.scss"],"names":[],"mappings":"AAEA,sBASE,kBAAA,CACA,cAAA,CATA,0BAAA,CAAA,kBAAA,CAMA,aAAA,CALA,eAAA,CAGA,cAAA,CACA,mBAAA,CAFA,iBAAA,CAIA,cAAA,CALA,aAOA,CAGA,6GAGE,+DAAA,CAIF,mCACE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAGF,iDACE,8ECXsB,CDUxB,wCACE,8ECXsB,CDUxB,4CACE,8ECXsB,CDUxB,6CACE,8ECXsB,CDUxB,mCACE,8ECXsB,CDcxB,gCACE,cAAA,CAIA,2DACE,kBAAA,CADF,kDACE,kBAAA,CADF,sDACE,kBAAA,CADF,uDACE,kBAAA,CADF,6CACE,kBAAA,CElCN,eAYE,8BAAA,CACA,QAAA,CAZA,6BAAA,CAAA,qBAAA,CASA,gEDJY,CCJZ,aAAA,CAMA,yDDJgB,CCChB,+BDHa,CCOb,yCDNkB,CCIlB,QAAA,CAHA,WAAA,CAUA,YAAA,CARA,SAAA,CAKA,WAAA,CARA,UAWA,CAGA,wFAGE,+DAAA,CAIF,4BACE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAGF,4BACE,8EDfsB,CCkBxB,yBAKE,6FDxBmB,CCoBnB,2EDpBmB,CCqBnB,kBAAA,CACA,SDtBmB,CC2BrB,+DAEE,gEDpCU,CCuCZ,yBACE,cAAA,CAGF,6DAEE,yED5CkB,CC+CpB,uDAEE,mEDhDe,CCmDjB,6DAEE,0EDpDkB,CCuDpB,6DAEE,2EDxDkB,CC2DpB,2DAEE,sED5DiB,CC+DnB,qBACE,sBAAA,CAAA,mBAAA,CAAA,kCAAA,CAAA,0BAAA,CACA,eAAA,CAGF,uBACE,uBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,sBAAA,CACA,iBAAA,CAGF,sBACE,oBAAA,CAAA,iBAAA,CAAA,gCAAA,CAAA,wBAAA,CACA,gBAAA,CAGF,sBACE,mBAAA,CAKA,yDD/EqB,CCgFrB,cAAA,CANA,qBAAA,CAAA,aAAA,CAGA,2CD9EoB,CC+EpB,mBAAA,CAFA,6CAAA,CADA,gCAKA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}native-input {\r\n box-sizing: inherit;\r\n display: inherit;\r\n width: inherit;\r\n min-width: inherit;\r\n height: inherit;\r\n line-height: inherit;\r\n color: inherit;\r\n resize: inherit;\r\n background: inherit;\r\n border: inherit;\r\n\r\n // for ios wechat\r\n &[type='date'],\r\n &[type='time'],\r\n &[type='datetime-local'] {\r\n min-height: var(--cell-line-height, $cell-line-height);\r\n }\r\n\r\n // for safari\r\n &[type='search'] {\r\n appearance: none;\r\n }\r\n\r\n &::placeholder {\r\n color: $input-placeholder-color;\r\n }\r\n\r\n &--readonly {\r\n cursor: default;\r\n }\r\n\r\n &--colorful {\r\n &::placeholder {\r\n color: currentColor;\r\n }\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n@import \"../cell/variables\";\r\n\r\n$input-height: var(--input-height, 24px * $hd);\r\n$input-line-height: var(--input-line-height, 24px * $hd);\r\n$input-font-size: var(--input-font-size, var(--font-size-md, $font-size-md));\r\n\r\n$input-color: var(--input-color, var(--text-color, $text-color));\r\n$input-primary-color: var(--input-primary-color, var(--primary-color, $primary-color));\r\n$input-info-color: var(--input-info-color, var(--info-color, $info-color));\r\n$input-success-color: var(--input-success-color, var(--success-color, $success-color));\r\n$input-warning-color: var(--input-warning-color, var(--warning-color, $warning-color));\r\n$input-danger-color: var(--input-danger-color, var(--danger-color, $danger-color));\r\n\r\n$input-disabled-color: var(--input-disabled-color, var(--text-color-3, $text-color-3));\r\n$input-placeholder-color: var(--input-placeholder-color, var(--text-color-3, $text-color-3));\r\n$input-clear-icon-size: var(--input-clear-icon-size, 16px * $hd);\r\n$input-clear-icon-color: var(--input-clear-icon-color, var(--gray-5, $gray-5));\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}input {\r\n box-sizing: border-box;\r\n display: block;\r\n width: 100%;\r\n min-width: 0; // for flex-shrink in field__button\r\n height: $input-height;\r\n padding: 0;\r\n margin: 0;\r\n font-size: $input-font-size;\r\n line-height: $input-line-height;\r\n color: $input-color;\r\n resize: none;\r\n background-color: transparent;\r\n border: 0;\r\n outline: none;\r\n\r\n // for ios wechat\r\n &[type='date'],\r\n &[type='time'],\r\n &[type='datetime-local'] {\r\n min-height: var(--cell-line-height, $cell-line-height);\r\n }\r\n\r\n // for safari\r\n &[type='search'] {\r\n appearance: none;\r\n }\r\n\r\n &__placeholder {\r\n color: $input-placeholder-color;\r\n }\r\n\r\n &--disabled {\r\n color: $input-disabled-color;\r\n cursor: not-allowed;\r\n opacity: 1;\r\n // fix disabled color in mobile safari\r\n -webkit-text-fill-color: $input-disabled-color;\r\n }\r\n\r\n &--readonly,\r\n &__placeholder--readonly {\r\n color: $input-color;\r\n }\r\n\r\n &--readonly {\r\n cursor: default;\r\n }\r\n\r\n &--primary,\r\n &__placeholder--primary {\r\n color: $input-primary-color;\r\n }\r\n\r\n &--info,\r\n &__placeholder--info {\r\n color: $input-info-color;\r\n }\r\n\r\n &--success,\r\n &__placeholder--success {\r\n color: $input-success-color;\r\n }\r\n\r\n &--warning,\r\n &__placeholder--warning {\r\n color: $input-warning-color;\r\n }\r\n\r\n &--danger,\r\n &__placeholder--danger {\r\n color: $input-danger-color;\r\n }\r\n\r\n &--left {\r\n justify-content: flex-start;\r\n text-align: left;\r\n }\r\n\r\n &--center {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n &--right {\r\n justify-content: flex-end;\r\n text-align: right;\r\n }\r\n\r\n &__clear {\r\n flex-shrink: 0;\r\n padding: 0 var(--padding-xs, $padding-xs);\r\n margin-right: calc(var(--padding-xs, #{$padding-xs}) * -1);\r\n font-size: $input-clear-icon-size;\r\n line-height: inherit;\r\n color: $input-clear-icon-color;\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n"]}