UNPKG

rc-pagination

Version:

pagination ui component for react

github.com/react-component/pagination

react-component/pagination

1 lines • 6.89 kB
1
{"version":3,"sources":["webpack:///./assets/index.less"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;KAAA;MAAA;UAAA;EACA;CADD;AAHD;EAOI;CADH;AAIC;EACE;EACA;EACA;EACA;EACA;EACA;CAFH;AAKC;EACE;EACA;EACA;EACA;EACA;EACA;CAHH;AAMC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAJH;AAPC;EAcI;EACA;CAJL;AAOG;EACE;CALL;AAIG;EAGI;CAJP;AAQG;EACE;EACA;CANL;AAIG;EAKI;CANP;AASK;EAEI;CART;AAeG;;EACE;EACA;EACA;EACA;EACA;EACA;CAZL;AAgBK;;EACE;CAbP;AAqBK;EACE;CAnBP;AA0BK;EACE;CAxBP;AA6BC;;;EACE;CAzBH;AA2BC;;;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAtBH;AA2BK;EACE;EACA;CAzBP;AAgCK;EACE;EACA;CA9BP;AAmCC;;EACE;EACA;CAhCH;AA8BC;;EAII;CA9BL;AA+BK;;EACE;CA5BP;AAiCC;EACE;CA/BH;AA8BC;EAGI;CA9BL;AAkCC;EACE;EACA;CAhCH;AAiCG;EACE;EACA;CA/BL;AAkCG;EACE;EACA;EACA;EACA;CAhCL;AA4BG;EAOI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAhCP;AAkCO;EACE;CAhCT;AAcG;EAuBI;EACA;EACA;EACA;EACA;MAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;CAlCP;AAoCO;;;EACE;EACA;EACA;CAhCT;AAsCC;;EAEI;EACA;EACA;EACA;EACA;CApCL;AA8BC;EAUI;EACA;EACA;CArCL;AAyBC;EAeM;CArCP;AAsBC;EAmBM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAtCP;AAwCO;EACE;CAtCT;AASC;EAkCM;EACA;EACA;EACA;EACA;MAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;CAxCP;AA0CO;;;EACE;EACA;EACA;CAtCT;AA8CD;EAEI;;IAEE;GA7CH;CACF","file":"rc-pagination.css","sourcesContent":["@prefixClass: rc-pagination;\n\n.@{prefixClass} {\n font-size: 12px;\n font-family: 'Arial';\n user-select: none;\n padding: 0;\n\n > li {\n list-style: none;\n }\n\n &-total-text {\n float: left;\n height: 30px;\n line-height: 30px;\n list-style: none;\n padding: 0;\n margin: 0 8px 0 0;\n }\n\n &:after {\n content: \" \";\n display: block;\n height: 0;\n clear: both;\n overflow: hidden;\n visibility: hidden;\n }\n\n &-item {\n cursor: pointer;\n border-radius: 6px;\n min-width: 28px;\n height: 28px;\n line-height: 28px;\n text-align: center;\n list-style: none;\n float: left;\n border: 1px solid #d9d9d9;\n background-color: #fff;\n margin-right: 8px;\n\n a {\n text-decoration: none;\n color: #666;\n }\n\n &:hover {\n border-color: #2db7f5;\n a {\n color: #2db7f5;\n }\n }\n\n &-active {\n background-color: #2db7f5;\n border-color: #2db7f5;\n\n a {\n color: #fff;\n }\n\n &:hover {\n a {\n color: #fff;\n }\n }\n }\n }\n\n &-jump-prev, &-jump-next {\n &:after {\n content: \"•••\";\n display: block;\n letter-spacing: 2px;\n color: #ccc;\n font-size: 12px;\n margin-top: 1px;\n }\n\n &:hover {\n &:after {\n color: #2db7f5;\n }\n }\n\n }\n\n &-jump-prev {\n &:hover {\n &:after {\n content: \"«\";\n }\n }\n }\n\n &-jump-next {\n &:hover {\n &:after {\n content: \"»\";\n }\n }\n }\n\n &-prev, &-jump-prev, &-jump-next {\n margin-right: 8px;\n }\n &-prev, &-next, &-jump-prev, &-jump-next {\n cursor: pointer;\n color: #666;\n font-size: 10px;\n border-radius: 6px;\n list-style: none;\n min-width: 28px;\n height: 28px;\n line-height: 28px;\n float: left;\n text-align: center;\n }\n\n &-prev {\n a {\n &:after {\n content: \"‹\";\n display: block;\n }\n }\n }\n\n &-next {\n a {\n &:after {\n content: \"›\";\n display: block;\n }\n }\n }\n\n &-prev, &-next {\n border: 1px solid #d9d9d9;\n font-size: 18px;\n a {\n color: #666;\n &:after {\n margin-top: -1px;\n }\n }\n }\n\n &-disabled {\n cursor: not-allowed;\n a {\n color: #ccc;\n }\n }\n\n &-options {\n float: left;\n margin-left: 15px;\n &-size-changer {\n float: left;\n width: 80px;\n }\n\n &-quick-jumper {\n float: left;\n margin-left: 16px;\n height: 28px;\n line-height: 28px;\n\n input {\n margin: 0 8px;\n box-sizing: border-box;\n background-color: #fff;\n border-radius: 6px;\n border: 1px solid #d9d9d9;\n outline: none;\n padding: 3px 12px;\n width: 50px;\n height: 28px;\n\n &:hover {\n border-color: #2db7f5;\n }\n }\n\n button {\n display: inline-block;\n margin: 0 8px;\n font-weight: 500;\n text-align: center;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n white-space: nowrap;\n padding: 0 15px;\n font-size: 12px;\n border-radius: 6px;\n height: 28px;\n user-select: none;\n transition: all .3s cubic-bezier(.645,.045,.355,1);\n position: relative;\n color: rgba(0,0,0,.65);\n background-color: #fff;\n border-color: #d9d9d9;\n\n &:hover, &:active, &:focus {\n color: #2db7f5;\n background-color: #fff;\n border-color: #2db7f5;\n }\n }\n }\n }\n\n &-simple {\n .@{prefixClass}-prev, .@{prefixClass}-next {\n border: none;\n height: 24px;\n line-height: 24px;\n margin: 0;\n font-size: 18px;\n }\n\n .@{prefixClass}-simple-pager {\n float: left;\n margin-right: 8px;\n list-style: none;\n\n .@{prefixClass}-slash {\n margin: 0 10px;\n }\n\n input {\n margin: 0 8px;\n box-sizing: border-box;\n background-color: #fff;\n border-radius: 6px;\n border: 1px solid #d9d9d9;\n outline: none;\n padding: 5px 8px;\n min-height: 20px;\n\n &:hover {\n border-color: #2db7f5;\n }\n }\n\n button {\n display: inline-block;\n margin: 0 8px;\n font-weight: 500;\n text-align: center;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n white-space: nowrap;\n padding: 0 8px;\n font-size: 12px;\n border-radius: 6px;\n height: 26px;\n user-select: none;\n transition: all .3s cubic-bezier(.645,.045,.355,1);\n position: relative;\n color: rgba(0,0,0,.65);\n background-color: #fff;\n border-color: #d9d9d9;\n\n &:hover, &:active, &:focus {\n color: #2db7f5;\n background-color: #fff;\n border-color: #2db7f5;\n }\n }\n\n }\n }\n}\n\n@media only screen and (max-width: 1024px) {\n .@{prefixClass}-item {\n &-after-jump-prev,\n &-before-jump-next {\n display: none;\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/index.less"],"sourceRoot":""}