{"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,qGAAA,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\";\n\n.#{$component-prefix}pagination {\n  display: flex;\n  font-size: $pagination-font-size;\n\n  &__item,\n  &__page-desc {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__item {\n    box-sizing: border-box;\n    flex: 1;\n    min-width: $pagination-item-min-width;\n    height: $pagination-height;\n    color: $pagination-item-color;\n    cursor: pointer;\n    user-select: none;\n    background: $pagination-background-color;\n\n    &:active {\n      color: $pagination-item-active-color;\n      background-color: $pagination-item-active-background-color;\n    }\n\n    &::after {\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);\n    }\n\n    &:last-child::after {\n      border-right-width: var(--border-width-base, $border-width-base);\n    }\n\n    &--active {\n      color: $pagination-item-active-color;\n      background-color: $pagination-item-active-background-color;\n    }\n\n    &--disabled {\n      &,\n      &:active {\n        color: $pagination-item-disabled-color;\n        cursor: not-allowed;\n        background: $pagination-item-disabled-background-color;\n        opacity: $pagination-item-disabled-opacity;\n      }\n    }\n\n    &--hidden {\n      display: none;\n    }\n  }\n\n  &__page,\n  &__start-ellipsis,\n  &__end-ellipsis {\n    flex-grow: 0;\n  }\n\n  &__button {\n    padding: $pagination-button-padding;\n    cursor: pointer;\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$pagination-height: var(--pagination-height, 40px * $hd);\n$pagination-font-size: var(--pagination-font-size, var(--font-size-md, $font-size-md));\n$pagination-background-color: var(--pagination-background-color, var(--white, $white));\n$pagination-item-min-width: var(--pagination-item-min-width, 36px * $hd);\n$pagination-item-color: var(--pagination-item-color, var(--blue, $blue));\n$pagination-item-active-color: var(--pagination-item-active-color, var(--white, $white));\n$pagination-item-active-background-color: var(--pagination-item-active-background-color, $pagination-item-color);\n$pagination-item-disabled-color: var(--pagination-item-disabled-color, var(--gray-7, $gray-7));\n$pagination-item-disabled-background-color: var(--pagination-item-disabled-background-color, var(--background-color, $background-color));\n$pagination-item-disabled-opacity: var(--pagination-item-disabled-opacity, var(--disabled-opacity, $disabled-opacity));\n$pagination-button-padding: var(--pagination-button-padding, 0 var(--padding-base, $padding-base));\n"]}