@cfpb/cfpb-design-system
Version:
CFPB's UI framework
8 lines (7 loc) • 3.76 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-pagination/pagination.scss"],
"sourcesContent": ["/* ==========================================================================\n Design System\n Pagination Styling\n ========================================================================== */\n/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-pagination {\n position: relative;\n}\n.m-pagination__form {\n padding: 0.3125em;\n border-radius: 0.25em;\n background: var(--gray-5);\n color: var(--gray);\n text-align: center;\n}\n.m-pagination__current-page {\n width: 2.8125em;\n margin-right: 0.625em;\n margin-left: 0.625em;\n font-weight: 500;\n text-align: right;\n}\n.m-pagination__label {\n display: inline-block;\n margin-right: 0.625em;\n vertical-align: middle;\n}\n.m-pagination__btn-submit {\n margin: 0;\n vertical-align: middle;\n}\n.m-pagination__btn-prev, .m-pagination__btn-next {\n min-width: 130px;\n line-height: 22px;\n text-align: center;\n}\n.m-pagination__btn-prev.a-btn--disabled, .m-pagination__btn-next.a-btn--disabled {\n background-color: var(--gray-5);\n border-color: transparent;\n}\n.m-pagination__btn-next {\n position: absolute;\n right: 0;\n}\n@media only all and (max-width: 37.5em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n margin-bottom: 0.9375em;\n }\n}\n@media only all and (min-width: 37.5625em) {\n .m-pagination__btn-prev, .m-pagination__btn-next {\n height: 100%;\n }\n .m-pagination__btn-prev {\n position: absolute;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .m-pagination__btn-next {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}"],
"mappings": "AA+BA,CAAC,aACC,SAAU,QACZ,CACA,CAAC,mBAlCD,QAmCW,QAnCX,cAoCiB,MACf,WAAY,IAAI,UAChB,MAAO,IAAI,QACX,WAAY,MACd,CACA,CAAC,2BACC,MAAO,SACP,aAAc,OACd,YAAa,OACb,YAAa,IACb,WAAY,KACd,CACA,CAAC,oBACC,QAAS,aACT,aAAc,OACd,eAAgB,MAClB,CACA,CAAC,yBArDD,OAsDU,EACR,eAAgB,MAClB,CACA,CAAC,uBAAwB,CAAC,uBACxB,UAAW,MACX,YAAa,KACb,WAAY,MACd,CACA,CALC,sBAKsB,CAAC,gBAAiB,CALf,sBAKsC,CAAxC,gBACtB,iBAAkB,IAAI,UACtB,aAAc,WAChB,CACA,CAT0B,uBAUxB,SAAU,SACV,MAAO,CACT,CACA,OAAO,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,QAC9B,CAdD,uBAc0B,CAdD,uBAetB,cAAe,OACjB,CACF,CACA,OAAO,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,WAC9B,CAnBD,uBAmB0B,CAnBD,uBAoBtB,OAAQ,IACV,CACA,CAtBD,uBAuBG,SAAU,SACV,wBAAyB,EACzB,2BAA4B,CAC9B,CACA,CA3BwB,uBA4BtB,uBAAwB,EACxB,0BAA2B,CAC7B,CACF",
"names": []
}