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

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

{"version":3,"sources":["sheet/sheet.scss"],"names":[],"mappings":"AAEA,eAEE,2BAAA,CAAA,4BAAA,CAGA,0EAAA,CAJA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,sCAAA,CACA,eACA,CAEA,uBACE,mBAAA,CAAA,qBAAA,CAAA,aAAA,CAEA,gEAAA,CACA,uCAAA,CACA,2CAAA,CAHA,yGAAA,CAIA,iBAAA,CAGF,sBAKE,sEAAA,CAHA,+DAAA,CACA,eAAA,CACA,qEAAA,CAHA,iCAIA,CAGF,4BAEE,mBAAA,CAIA,0DAAA,CAJA,qBAAA,CAAA,aAAA,CAEA,qEAAA,CACA,qDAAA,CAFA,iCAAA,CAFA,iBAAA,CAMA,iBAAA,CAGF,wBACE,kBAAA,CAEA,gCAAA,CAFA,mBAAA,CAAA,eAAA,CAAA,WAAA,CACA,eACA,CAGF,4CAWE,+DAAA,CACA,QAAA,CATA,6BAAA,CAAA,qBAAA,CAOA,cAAA,CANA,aAAA,CAGA,8DAAA,CACA,oEAAA,CAFA,mCAAA,CAJA,iBAAA,CAOA,iBAAA,CAJA,UAOA,CAEA,0DACE,0DAAA,CAGF,8HAEE,iEAAA,CAEA,0JACE,+DAAA,CAIJ,8DACE,cAAA,CAEA,sOAGE,0CAAA,CADA,yCACA,CAIJ,gEACE,kBAAA,CAIJ,+BAEE,mBAAA,CADA,6BAAA,CAAA,qBAAA,CAEA,0DAAA,CADA,qBAAA,CAAA,aACA,CAGF,oBAGE,gGAAA,CAFA,aAAA,CACA,6DACA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}sheet {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-height: var(--sheet-max-height, $sheet-max-height);\r\n  overflow: hidden;\r\n  color: var(--sheet-item-text-color, $sheet-item-text-color);\r\n\r\n  &__header {\r\n    flex-shrink: 0;\r\n    padding: var(--sheet-header-padding, $sheet-header-padding);\r\n    font-size: var(--sheet-header-font-size, $sheet-header-font-size);\r\n    font-weight: var(--font-weight-bold, $font-weight-bold);\r\n    line-height: var(--sheet-header-height, $sheet-header-height);\r\n    text-align: center;\r\n  }\r\n\r\n  &__title {\r\n    margin-top: var(--padding-xs, $padding-xs);\r\n    font-size: var(--sheet-title-font-size, $sheet-title-font-size);\r\n    font-weight: normal;\r\n    line-height: var(--sheet-title-line-height, $sheet-title-line-height);\r\n    color: var(--sheet-title-color, $sheet-title-color);\r\n  }\r\n\r\n  &__description {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    margin-top: var(--padding-xs, $padding-xs);\r\n    font-size: var(--sheet-description-font-size, $sheet-description-font-size);\r\n    line-height: var(--sheet-description-line-height, $sheet-description-line-height);\r\n    color: var(--sheet-description-color, $sheet-description-color);\r\n    text-align: center;\r\n  }\r\n\r\n  &__content {\r\n    flex: 1 auto;\r\n    overflow-y: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  &__item,\r\n  &__button {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    display: block;\r\n    width: 100%;\r\n    padding: 14px * $hd var(--padding-md, $padding-md);\r\n    font-size: var(--sheet-item-font-size, $sheet-item-font-size);\r\n    line-height: var(--sheet-item-line-height, $sheet-item-line-height);\r\n    text-align: center;\r\n    cursor: pointer;\r\n    background-color: var(--sheet-item-background, $sheet-item-background);\r\n    border: 0 none;\r\n\r\n    &:active {\r\n      background-color: var(--active-color, $active-color);\r\n    }\r\n\r\n    &--loading,\r\n    &--disabled {\r\n      color: var(--sheet-item-disabled-text-color, $sheet-item-disabled-text-color);\r\n\r\n      &:active {\r\n        background-color: var(--sheet-item-background, $sheet-item-background);\r\n      }\r\n    }\r\n\r\n    &--loading {\r\n      cursor: default;\r\n\r\n      .#{$component-prefix}loading__spinner,\r\n      .#{$component-prefix}loading__circular {\r\n        width: var(--sheet-loading-icon-size, $sheet-loading-icon-size);\r\n        height: var(--sheet-loading-icon-size, $sheet-loading-icon-size);\r\n      }\r\n    }\r\n\r\n    &--disabled {\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  &__button--cancel {\r\n    box-sizing: border-box;\r\n    flex-shrink: 0;\r\n    color: var(--sheet-cancel-text-color, $sheet-cancel-text-color);\r\n  }\r\n\r\n  &__gap {\r\n    display: block;\r\n    height: var(--sheet-cancel-padding-top, $sheet-cancel-padding-top);\r\n    background-color: var(--sheet-cancel-padding-color, $sheet-cancel-padding-color);\r\n  }\r\n}\r\n"]}