@vnmfify/core/search/index.css.map

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

{"version":3,"sources":["search/search.scss","search/_variables.scss"],"names":[],"mappings":"AAEA,gBAGE,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAEA,iECHwB,CDDxB,6BAAA,CAAA,qBAAA,CAGA,yDCFwB,CDKxB,yCALA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YCG6B,CDE7B,yBAEE,kBAAA,CAEA,uECP8B,CDQ9B,6ECP2B,CDI3B,cAAA,CAAA,UAAA,CAAA,MAAA,CACA,sECL2B,CDS3B,iCACE,0DCTgC,CDYlC,kCACE,wFCZiC,CDgBrC,uBAIE,uECjBiB,CDejB,gECdqB,CDerB,2ECduB,CDYvB,0CCdiB,CDoBnB,uBACE,kBAAA,CAEA,8BAAA,CAFA,cAAA,CAAA,UAAA,CAAA,MAAA,CACA,sEACA,CAEA,4CACE,yDCrBmB,CDyBvB,wBACE,eAAA,CAIA,mNAIE,YAAA,CAIJ,wBAIE,wECvCkB,CDwClB,cAAA,CAHA,iECnCsB,CDoCtB,4ECrCwB,CDmCxB,6DCrCoB,CD0CpB,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAEA,8DAEE,iGC1CkC","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}search {\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: $search-padding;\r\n  background-color: $search-background-color;\r\n\r\n  &__content {\r\n    display: flex;\r\n    flex: 1;\r\n    padding-left: $search-content-padding-left;\r\n    background: $search-content-background-color;\r\n    border-radius: $search-content-border-radius;\r\n\r\n    &--square {\r\n      border-radius: $search-content-square-border-radius;\r\n    }\r\n\r\n    &--rounded {\r\n      border-radius: $search-content-rounded-border-radius;\r\n    }\r\n  }\r\n\r\n  &__label {\r\n    padding: $search-label-padding;\r\n    font-size: $search-label-font-size;\r\n    line-height: $search-label-line-height;\r\n    color: $search-label-color;\r\n  }\r\n\r\n  &__field {\r\n    flex: 1;\r\n    padding: $search-field-padding;\r\n    background-color: transparent;\r\n\r\n    .#{$component-prefix}field__icon {\r\n      color: $search-left-icon-color;\r\n    }\r\n  }\r\n\r\n  &--action {\r\n    padding-right: 0;\r\n  }\r\n\r\n  input {\r\n    &::-webkit-search-decoration,\r\n    &::-webkit-search-cancel-button,\r\n    &::-webkit-search-results-button,\r\n    &::-webkit-search-results-decoration {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &__action {\r\n    padding: $search-action-padding;\r\n    font-size: $search-action-font-size;\r\n    line-height: $search-action-line-height;\r\n    color: $search-action-color;\r\n    cursor: pointer;\r\n    user-select: none;\r\n\r\n    &:active,\r\n    &--hover {\r\n      background: $search-action-active-background-color;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$search-padding: var(--search-padding, 10px * $hd var(--padding-sm, $padding-sm));\r\n$search-background-color: var(--search-background-color, var(--white, $white));\r\n$search-content-padding-left: var(--search-content-padding-left, var(--padding-sm, $padding-sm));\r\n$search-content-background-color: var(--search-content-background-color, var(--gray-1, $gray-1));\r\n$search-content-border-radius: var(--search-content-border-radius, var(--border-radius-sm, $border-radius-sm));\r\n$search-content-square-border-radius: var(--search-content-square-border-radius, 0);\r\n$search-content-rounded-border-radius: var(--search-content-rounded-border-radius, var(--border-radius-max, $border-radius-max));\r\n$search-input-height: var(--search-input-height, 34px * $hd);\r\n$search-label-padding: var(--search-label-padding, 0 5px * $hd);\r\n$search-label-color: var(--search-label-color, var(--text-color, $text-color));\r\n$search-label-font-size: var(--search-label-font-size, var(--font-size-md, $font-size-md));\r\n$search-label-line-height: var(--search-label-line-height, $search-input-height);\r\n//\r\n$search-field-padding: var(--search-field-padding, 5px * $hd var(--padding-xs, $padding-xs) 5px * $hd 0);\r\n$search-left-icon-color: var(--search-left-icon-color, var(--gray-6, $gray-6));\r\n//\r\n$search-action-padding: var(--search-action-padding, 0 var(--padding-xs, $padding-xs));\r\n$search-action-color: var(--search-action-color, var(--text-color, $text-color));\r\n$search-action-line-height: var(--search-action-line-height, $search-input-height);\r\n$search-action-font-size: var(--search-action-font-size, var(--font-size-md, $font-size-md));\r\n$search-action-active-background-color: var(--search-action-active-background-color, var(--active-color, $active-color));\r\n"]}