segmented-control-react/docs/static/css/main.ac8dbc59.css.map

A replica of iOS segmented control component done purely in React.

{"version":3,"sources":["index.css","App.css"],"names":[],"mappings":"AAAA,KACE,SACA,UACA,sBAAwB,CCH1B,KACE,iBAAmB,CAGrB,UACE,oDACQ,4CACR,WAAa,CAGf,YACE,sBACA,aACA,aACA,UAAa,CAGf,WACE,eAAiB,CAGnB,WACE,eAAiB,CAGnB,WACI,iBAAmB,CAEvB,gCACI,4BAA+B,CAGnC,OACI,iBACA,aACA,UACA,yBACA,kBACA,cAAgB,CAGpB,YACI,mBACA,UAAY,CAEhB,YACI,gBACA,UAAY,CAEhB,eACI,mBACA,UAAY,CAEhB,aACI,mBACA,UAAY,CAEhB,aACI,mBACA,UAAY,CAGhB,iCACE,GAAO,+BAAiC,sBAAwB,CAChE,GAAK,gCAAmC,uBAA0B,CAAE,CAGtE,yBACE,GAAO,+BAAiC,sBAAwB,CAChE,GAAK,gCAAmC,uBAA0B,CAAE","file":"static/css/main.ac8dbc59.css","sourcesContent":["body {\n  margin: 0;\n  padding: 0;\n  font-family: sans-serif;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.css",".App {\n  text-align: center;\n}\n\n.App-logo {\n  -webkit-animation: App-logo-spin infinite 20s linear;\n          animation: App-logo-spin infinite 20s linear;\n  height: 80px;\n}\n\n.App-header {\n  background-color: #222;\n  height: 150px;\n  padding: 20px;\n  color: white;\n}\n\n.App-title {\n  font-size: 1.5em;\n}\n\n.App-intro {\n  font-size: large;\n}\n\n.light-app {\n    text-align: center;\n}\n.light-app > .r-segmented-control {\n    background: #3b5988 !important;\n}\n\nbutton {\n    padding: 7px 10px;\n    margin: 0 5px;\n    outline: 0;\n    border: 1px solid #eae9ed;\n    border-radius: 4px;\n    cursor: pointer;\n}\n\nbutton.base {\n    background: rgb(0,122,255);\n    color: #fff;\n}\nbutton.dark {\n    background: #333;\n    color: #fff;\n}\nbutton.success {\n    background: #5cb85c;\n    color: #fff;\n}\nbutton.error {\n    background: #d9534f;\n    color: #fff;\n}\nbutton.light {\n    background: rgb(247, 247, 247);\n    color: #333;\n}\n\n@-webkit-keyframes App-logo-spin {\n  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n@keyframes App-logo-spin {\n  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/App.css"],"sourceRoot":""}