@vnmfify/core/number-keyboard/index.css.map

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

{"version":3,"sources":["number-keyboard/index.css","number-keyboard/number-keyboard-icons.scss","number-keyboard/number-keyboard.scss","number-keyboard/_variables.scss","number-keyboard/number-keyboard-key.scss"],"names":[],"mappings":"AAAA,WCAA,kBACE,CAAA,mCACA,CAAA,iBACA,CAAA,eACA,CAAA,yCACA,CAAA,sQACA,CAAA,0HAcA,kCAGA,CAAA,iCACA,CAAA,WACA,CAbF,mDAGE,CAAA,iBACA,CACA,mBACA,CAFA,eACA,CACA,aACA,CAAA,mBAMA,CAAA,0BAGF,WACE,CAAA,8BAGF,WACE,CAAA,yBCxBA,8ECLiC,CDDjC,QACA,CAAA,MACA,CAEA,mBACA,CANF,cACE,CAKA,wBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,CCNwB,UDIxB,CAFA,0CCDiC,CAAA,qCDQjC,2ECPyC,CAAA,iCDcvC,wBACA,CADA,qBACA,CAAA,uBACA,CADA,oBACA,CAFA,0BACA,CADA,kBACA,CAHA,8BACA,CADA,sBACA,CCR+B,+DAHJ,CDW3B,mBACA,CADA,oBACA,CADA,mBACA,CADA,YACA,CCXiC,0EAEF,CDW/B,gDCZ4B,CDW5B,8BACA,CADA,sBACA,CCZ4B,0DADK,CDQnC,iBCT6B,CAAA,gCDqB7B,oBACE,CAAA,eACA,CAAA,qCAGE,MACA,CAFF,iBAEE,CAAA,+BAKF,qBACA,CAAA,8DAFF,mBACE,CADF,oBACE,CADF,mBACE,CADF,YAQE,CANA,+BAIA,kBACA,CADA,cACA,CADA,UACA,CADA,MACA,CAAA,sBACA,CADA,kBACA,CADA,cACA,CAAA,+BAMA,wBACA,CADA,qBACA,CADA,0BACA,CADA,kBACA,CAKA,8BACA,CAAA,QACA,CCpC6B,sEACJ,CAAA,cDiCzB,CAPA,mBACA,CADA,oBACA,CADA,mBACA,CADA,YACA,CC7B2B,oDACE,CD6B7B,WACA,CAAA,oEC/B2B,CD0B7B,iBACE,CAAA,OAUA,CAAA,sCAEA,qHCpCkC,CAAA,kCD0ClC,kBACA,CAAA,2BACA,CADA,4BACA,CAHF,mBACE,CADF,oBACE,CADF,mBACE,CADF,YACE,CAAA,cACA,CADA,UACA,CADA,MACA,CAAA,6BACA,CADA,yBACA,CADA,qBACA,CAAA,gCAGF,gBACE,CAAA,aEvEF,wBACA,CADA,qBACA,CAAA,uBACA,CADA,oBACA,CAFA,0BACA,CADA,kBACA,CAKA,8EDKqC,CAAA,+EACH,CACF,cCPhC,CAPF,mBACE,CADF,oBACE,CADF,mBACE,CADF,YACE,CDS2B,mDACG,CCR9B,6CDO2B,CCR3B,8BACA,CADA,sBACA,CDQ8B,sDAEI,CAAA,oBCGhC,WACA,CAEA,6EDAkC,CCDlC,WACA,CAFA,MACA,CAPF,iBAGE,CACA,UACA,CAFA,KDKkC,CAAA,qBCIpC,yFDP4C,CAAA,mBAWf,wGACW,CCDxC,2DDCwC,CAAA,uCCGtC,0EDdiC,CAAA,sBCqBjC,kBACA,CAAA,2BACA,CAHA,6BACA,CADA,qBACA,CAAA,cACA,CADA,UACA,CADA,MACA,CAAA,sBACA,CADA,cACA,CAAA,qBACA,CALF,iBAKE,CAAA,6BAEA,2BACE,CADF,sBACE,CADF,cACE,CAAA,oCAIJ,oDD1B+B,CAAA,gCC8B/B,yDD1BoC,CAAA,2BC8BpC,2DD7B6B","file":"index.css","sourcesContent":["@font-face{font-display:block;font-family:\"vnmfify-number-keyboard\";font-style:normal;font-weight:normal;src:url(\"./fonts/number-keyboard.eot?o8m3qv\");src:url(\"./fonts/number-keyboard.eot?o8m3qv#iefix\") format(\"embedded-opentype\"),url(\"./fonts/number-keyboard.ttf?o8m3qv\") format(\"truetype\"),url(\"./fonts/number-keyboard.woff?o8m3qv\") format(\"woff\"),url(\"./fonts/number-keyboard.svg?o8m3qv#vnmfify-number-keyboard\") format(\"svg\")}[class^=vnmfify-backspace],[class*=\" vnmfify-backspace\"],[class^=vnmfify-keyboard-hide],[class*=\" vnmfify-keyboard-hide\"]{font-family:\"vnmfify-number-keyboard\",serif !important;font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:never}.vnmfify-backspace::before{content:\"\"}.vnmfify-keyboard-hide::before{content:\"\"}.vnmfify-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--number-keyboard-z-index, 100);width:100%;padding-bottom:44px;user-select:none;background-color:var(--number-keyboard-background-color, var(--gray-2, #f2f3f5))}.vnmfify-number-keyboard--with-title{border-radius:var(--number-keyboard-with-title-border-radius, 40px 40px 0 0)}.vnmfify-number-keyboard__header{position:relative;box-sizing:content-box;display:flex;align-items:center;justify-content:center;height:var(--number-keyboard-header-height, 68px);padding-top:var(--number-keyboard-header-padding-top, 12px);font-size:var(--number-keyboard-header-font-size, var(--font-size-lg, 32px));color:var(--number-keyboard-header-color, var(--gray-7, #646566))}.vnmfify-number-keyboard__title{display:inline-block;font-weight:normal}.vnmfify-number-keyboard__title-left{position:absolute;left:0}.vnmfify-number-keyboard__body{display:flex;padding:12px 0 0 12px}.vnmfify-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.vnmfify-number-keyboard__hide{position:absolute;right:0;display:flex;align-items:center;height:100%;padding:var(--number-keyboard-hide-padding, 0 var(--padding-md, 32px));font-size:var(--number-keyboard-hide-font-size, 48px);color:var(--number-keyboard-hide-color, var(--text-link-color, #576b95));cursor:pointer;background-color:transparent;border:0 none}.vnmfify-number-keyboard__hide:active{opacity:var(--number-keyboard-hide-active-opacity, var(--number-keyboard-key-active-opacity, var(--active-opacity, 0.7)))}.vnmfify-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.vnmfify-number-keyboard--unfit{padding-bottom:0}.vnmfify-key{display:flex;align-items:center;justify-content:center;height:var(--number-keyboard-key-height, 96px);font-size:var(--number-keyboard-key-font-size, 56px);line-height:var(--number-keyboard-key-line-height, 1.5);cursor:pointer;background-color:var(--number-keyboard-key-background-color, var(--white, #fff));border-radius:var(--number-keyboard-key-font-size, var(--border-radius-lg, 16px))}.vnmfify-key--large{position:absolute;top:0;right:12px;bottom:12px;left:0;height:auto;font-size:var(--number-keyboard-large-key-font-size, var(--font-size-lg, 32px))}.vnmfify-key--active{background-color:var(--number-keyboard-key-active-background-color, var(--gray-3, #ebedf0))}.vnmfify-key--blue{color:var(--number-keyboard-button-color, var(--white, #fff));background-color:var(--number-keyboard-button-background-color, var(--primary-color, var(--blue, #1989fa)))}.vnmfify-key--blue.vnmfify-key--active{opacity:var(--number-keyboard-key-active-opacity, var(--active-opacity, 0.7))}.vnmfify-key__wrapper{position:relative;box-sizing:border-box;flex:1;flex-basis:33%;padding:0 12px 12px 0}.vnmfify-key__wrapper--wider{flex-basis:66%}.vnmfify-key .vnmfify-keyboard-hide{font-size:var(--number-keyboard-hide-font-size, 48px)}.vnmfify-key .vnmfify-backspace{font-size:var(--number-keyboard-backspace-font-size, 44px)}.vnmfify-key__loading-icon{color:var(--number-keyboard-button-color, var(--white, #fff))}","@font-face {\r\n  font-display: block;\r\n  font-family: 'vnmfify-number-keyboard';\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  src: url('./fonts/number-keyboard.eot?o8m3qv');\r\n  src: url('./fonts/number-keyboard.eot?o8m3qv#iefix') format('embedded-opentype'),\r\n  url('./fonts/number-keyboard.ttf?o8m3qv') format('truetype'),\r\n  url('./fonts/number-keyboard.woff?o8m3qv') format('woff'),\r\n  url('./fonts/number-keyboard.svg?o8m3qv#vnmfify-number-keyboard') format('svg');\r\n}\r\n\r\n[class^=\"vnmfify-backspace\"], [class*=\" vnmfify-backspace\"],\r\n[class^=\"vnmfify-keyboard-hide\"], [class*=\" vnmfify-keyboard-hide\"] {\r\n  /* use !important to prevent issues with browser extensions that change fonts */\r\n  font-family: 'vnmfify-number-keyboard', serif !important;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-variant: normal;\r\n  line-height: 1;\r\n  text-transform: none;\r\n\r\n  /* Better Font Rendering =========== */\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  speak: never;\r\n}\r\n\r\n.vnmfify-backspace::before {\r\n  content: \"\\e900\";\r\n}\r\n\r\n.vnmfify-keyboard-hide::before {\r\n  content: \"\\e901\";\r\n}\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}number-keyboard {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: $number-keyboard-z-index;\r\n  width: 100%;\r\n  padding-bottom: 22px * $hd;\r\n  user-select: none;\r\n  background-color: $number-keyboard-background-color;\r\n\r\n  &--with-title {\r\n    border-radius: $number-keyboard-with-title-border-radius;\r\n  }\r\n\r\n  &__header {\r\n    position: relative;\r\n    box-sizing: content-box;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: $number-keyboard-header-height;\r\n    padding-top: $number-keyboard-header-padding-top;\r\n    font-size: $number-keyboard-header-font-size;\r\n    color: $number-keyboard-header-color;\r\n  }\r\n\r\n  &__title {\r\n    display: inline-block;\r\n    font-weight: normal;\r\n\r\n    &-left {\r\n      position: absolute;\r\n      left: 0;\r\n    }\r\n  }\r\n\r\n  &__body {\r\n    display: flex;\r\n    padding: 6px * $hd 0 0 6px * $hd;\r\n  }\r\n\r\n  &__keys {\r\n    display: flex;\r\n    flex: 3;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  &__hide {\r\n    position: absolute;\r\n    right: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n    padding: $number-keyboard-hide-padding;\r\n    font-size: $number-keyboard-hide-font-size;\r\n    color: $number-keyboard-hide-color;\r\n    cursor: pointer;\r\n    background-color: transparent;\r\n    border: 0 none;\r\n\r\n    &:active {\r\n      opacity: $number-keyboard-hide-active-opacity;\r\n    }\r\n  }\r\n\r\n  &__sidebar {\r\n    display: flex;\r\n    flex: 1;\r\n    flex-direction: column;\r\n  }\r\n\r\n  &--unfit {\r\n    padding-bottom: 0;\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$number-keyboard-z-index: var(--number-keyboard-z-index, 100);\r\n$number-keyboard-background-color: var(--number-keyboard-background-color, var(--gray-2, $gray-2));\r\n$number-keyboard-with-title-border-radius: var(--number-keyboard-with-title-border-radius, 20px * $hd 20px * $hd 0 0);\r\n//\r\n$number-keyboard-header-color: var(--number-keyboard-header-color, var(--gray-7, $gray-7));\r\n$number-keyboard-header-padding-top: var(--number-keyboard-header-padding-top, 6px * $hd);\r\n$number-keyboard-header-height: var(--number-keyboard-header-height, 34px * $hd);\r\n$number-keyboard-header-font-size: var(--number-keyboard-header-font-size, var(--font-size-lg, $font-size-lg));\r\n//\r\n$number-keyboard-key-height: var(--number-keyboard-key-height, 48px * $hd);\r\n$number-keyboard-key-font-size: var(--number-keyboard-key-font-size, 28px * $hd);\r\n$number-keyboard-key-background-color: var(--number-keyboard-key-background-color, var(--white, $white));\r\n$number-keyboard-key-border-radius: var(--number-keyboard-key-font-size, var(--border-radius-lg, $border-radius-lg));\r\n$number-keyboard-key-line-height: var(--number-keyboard-key-line-height, 1.5);\r\n//\r\n$number-keyboard-key-active-background-color: var(--number-keyboard-key-active-background-color, var(--gray-3, $gray-3));\r\n$number-keyboard-key-active-opacity: var(--number-keyboard-key-active-opacity, var(--active-opacity, $active-opacity));\r\n//\r\n$number-keyboard-large-key-font-size: var(--number-keyboard-large-key-font-size, var(--font-size-lg, $font-size-lg));\r\n//\r\n$number-keyboard-hide-padding: var(--number-keyboard-hide-padding, 0 var(--padding-md, $padding-md));\r\n$number-keyboard-hide-font-size: var(--number-keyboard-hide-font-size, 24px * $hd);\r\n$number-keyboard-hide-color: var(--number-keyboard-hide-color, var(--text-link-color, $text-link-color));\r\n$number-keyboard-hide-active-opacity: var(--number-keyboard-hide-active-opacity, $number-keyboard-key-active-opacity);\r\n//\r\n$number-keyboard-backspace-font-size: var(--number-keyboard-backspace-font-size, 22px * $hd);\r\n$number-keyboard-button-color: var(--number-keyboard-button-color, var(--white, $white));\r\n$number-keyboard-button-background-color: var(--number-keyboard-button-background-color, var(--primary-color, $primary-color));\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}key {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: $number-keyboard-key-height;\r\n  font-size: $number-keyboard-key-font-size;\r\n  line-height: $number-keyboard-key-line-height;\r\n  cursor: pointer;\r\n  background-color: $number-keyboard-key-background-color;\r\n  border-radius: $number-keyboard-key-border-radius;\r\n\r\n  &--large {\r\n    // height: 100% can't fill flex parent on legacy safari\r\n    // see: https://stackoverflow.com/questions/33636796\r\n    position: absolute;\r\n    top: 0;\r\n    right: 6px * $hd;\r\n    bottom: 6px * $hd;\r\n    left: 0;\r\n    height: auto;\r\n    font-size: $number-keyboard-large-key-font-size;\r\n  }\r\n\r\n  &--active {\r\n    background-color: $number-keyboard-key-active-background-color;\r\n  }\r\n\r\n  &--blue {\r\n    color: $number-keyboard-button-color;\r\n    background-color: $number-keyboard-button-background-color;\r\n\r\n    &.#{$component-prefix}key--active {\r\n      opacity: $number-keyboard-key-active-opacity;\r\n    }\r\n  }\r\n\r\n  &__wrapper {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    flex: 1;\r\n    flex-basis: 33%;\r\n    padding: 0 6px * $hd 6px * $hd 0;\r\n\r\n    &--wider {\r\n      flex-basis: 66%;\r\n    }\r\n  }\r\n\r\n  .#{$component-prefix}keyboard-hide {\r\n    font-size: $number-keyboard-hide-font-size;\r\n  }\r\n\r\n  .#{$component-prefix}backspace {\r\n    font-size: $number-keyboard-backspace-font-size;\r\n  }\r\n\r\n  &__loading-icon {\r\n    color: $number-keyboard-button-color;\r\n  }\r\n}\r\n"]}