{"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"]}