react-awesome-paginate/dist/index.esm.css.map

React awesome paginate is a modern, typescript based pagination component. You can use it in your project.

{"version":3,"sources":["Pagination.css"],"names":[],"mappings":"AAAA,mCAGE,kBAAmB,CAFnB,YAAa,CAKb,cAAe,CADf,SAAW,CAHX,sBAAuB,CAEvB,eAGF,CAEA,gCAGE,qBAAuB,CADvB,qBAAsB,CAEtB,iBAAkB,CAClB,cAAe,CACf,cAAe,CALf,gBAAiB,CAMjB,oCACF,CAEA,qDACE,wBACF,CAEA,yCAEE,kBAAmB,CADnB,UAEF,CAEA,uCACE,wBAAyB,CAEzB,oBAAqB,CADrB,UAEF,CAEA,kCAEE,UAAW,CACX,cAAe,CAFf,gBAGF","file":"index.esm.css","sourcesContent":[".react-awesome-paginate__container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-top: 1rem;\r\n  gap: 0.5rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.react-awesome-paginate__button {\r\n  padding: 6px 12px;\r\n  border: 1px solid #ccc;\r\n  background-color: white;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.react-awesome-paginate__button:hover:not(:disabled) {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n.react-awesome-paginate__button:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.react-awesome-paginate__button.active {\r\n  background-color: #007bff;\r\n  color: white;\r\n  border-color: #007bff;\r\n}\r\n\r\n.react-awesome-paginate__ellipsis {\r\n  padding: 6px 12px;\r\n  color: #999;\r\n  font-size: 14px;\r\n}\r\n"]}