@vnmfify/core
Version:
```shell npm i @vnmfify/core -S ```
1 lines • 3.65 kB
Source Map (JSON)
{"version":3,"sources":["pagination/pagination.scss","pagination/_variables.scss"],"names":[],"mappings":"AAEA,oBACE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,8DAAA,CAEA,yDAGE,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CADA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,8BAAA,CAAA,sBAAA,CAGF,0BAEE,kBAAA,CAMA,+DChB0B,CDS1B,6BAAA,CAAA,qBAAA,CAIA,sDCXoB,CDYpB,cAAA,CAJA,cAAA,CAAA,UAAA,CAAA,MAAA,CAEA,oCCdgB,CDahB,+CCVwB,CDcxB,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBCf0B,CDkB1B,iCAEE,gHChBoC,CDepC,2DCfoC,CDmBtC,gCACE,gDAAA,CAAA,8CAAA,CAAA,oBAAA,CAAA,6CAAA,CAGF,2CACE,+CAAA,CAGF,kCAEE,gHC7BoC,CD4BpC,2DC5BoC,CDiCpC,+EAIE,yGCnCoC,CDiCpC,iEClCyB,CDmCzB,kBAAA,CAEA,0ECnC2B,CDuC/B,kCACE,YAAA,CAIJ,gGAGE,kBAAA,CAAA,mBAAA,CAAA,mBAAA,CAAA,WAAA,CAGF,4BAEE,cAAA,CADA,kEACA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}pagination {\r\n display: flex;\r\n font-size: $pagination-font-size;\r\n\r\n &__item,\r\n &__page-desc {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n &__item {\r\n box-sizing: border-box;\r\n flex: 1;\r\n min-width: $pagination-item-min-width;\r\n height: $pagination-height;\r\n color: $pagination-item-color;\r\n cursor: pointer;\r\n user-select: none;\r\n background: $pagination-background-color;\r\n\r\n &:active {\r\n color: $pagination-item-active-color;\r\n background-color: $pagination-item-active-background-color;\r\n }\r\n\r\n &::after {\r\n border-width: var(--border-width-base, $border-width-base) 0 var(--border-width-base, $border-width-base) var(--border-width-base, $border-width-base);\r\n }\r\n\r\n &:last-child::after {\r\n border-right-width: var(--border-width-base, $border-width-base);\r\n }\r\n\r\n &--active {\r\n color: $pagination-item-active-color;\r\n background-color: $pagination-item-active-background-color;\r\n }\r\n\r\n &--disabled {\r\n &,\r\n &:active {\r\n color: $pagination-item-disabled-color;\r\n cursor: not-allowed;\r\n background: $pagination-item-disabled-background-color;\r\n opacity: $pagination-item-disabled-opacity;\r\n }\r\n }\r\n\r\n &--hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n &__page,\r\n &__start-ellipsis,\r\n &__end-ellipsis {\r\n flex-grow: 0;\r\n }\r\n\r\n &__button {\r\n padding: $pagination-button-padding;\r\n cursor: pointer;\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$pagination-height: var(--pagination-height, 40px * $hd);\r\n$pagination-font-size: var(--pagination-font-size, var(--font-size-md, $font-size-md));\r\n$pagination-background-color: var(--pagination-background-color, var(--white, $white));\r\n$pagination-item-min-width: var(--pagination-item-min-width, 36px * $hd);\r\n$pagination-item-color: var(--pagination-item-color, var(--blue, $blue));\r\n$pagination-item-active-color: var(--pagination-item-active-color, var(--white, $white));\r\n$pagination-item-active-background-color: var(--pagination-item-active-background-color, $pagination-item-color);\r\n$pagination-item-disabled-color: var(--pagination-item-disabled-color, var(--gray-7, $gray-7));\r\n$pagination-item-disabled-background-color: var(--pagination-item-disabled-background-color, var(--background-color, $background-color));\r\n$pagination-item-disabled-opacity: var(--pagination-item-disabled-opacity, var(--disabled-opacity, $disabled-opacity));\r\n$pagination-button-padding: var(--pagination-button-padding, 0 var(--padding-base, $padding-base));\r\n"]}