mirror of
https://github.com/TrentSPalmer/fcc-challenges.git
synced 2026-11-09 18:35:09 -08:00
add drum-machine-react build
This commit is contained in:
1 parent
b659e8549a
commit
b6e69bd403
16 files changed
+171
-1
No files matched your search
@@ -0,0 +1,2 @@
|
||||
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.attachment-full{height:149px}.attachment-full,.githubLabel{position:absolute;right:0;width:149px}.githubLabel{background-color:#00293c;border:none;height:0;margin-top:-10px}@media (orientation:portrait){.attachment-full{height:99px;width:99px}.githubLabel{width:99px}}@media (orientation:landscape) and (max-height:400px){.attachment-full{height:99px;width:99px}.githubLabel{width:99px}}:root{--global-first-color:#756d58;--global-second-color:#586075;--global-third-color:#607558;--global-fourth-color:#6d5875;--global-black-color:#333}#drum-machine{background:var(--global-first-color);height:100vh;width:100%;overflow:hidden}#display,#drum-machine{display:flex;flex-direction:column}#display{background-color:var(--global-second-color);margin:auto;height:70vh;min-height:400px;width:80vw;border-radius:1rem}#display-bottom,#display-top{flex-basis:19%;width:100%}#display-top{display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:x-large;font-style:oblique}#display-top p{height:10px;margin-top:0}#menuToolTip{position:relative;left:10px;top:20px;background-color:var(--global-first-color);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding:0 10px;font-size:x-large;font-style:oblique;border-color:#000!important;border-width:2px!important;border-style:solid;border-radius:6px;text-align:center}@media (orientation:landscape) and (max-width:1520px){#display{width:90vw}}@media (orientation:landscape) and (max-width:1258px){#display{width:99vw}}@media (orientation:portrait){#display{margin:auto;height:90vh;width:95vw;min-width:unset;min-height:unset}#display-top{flex-basis:12%;font-size:x-large}#display-bottom{flex-basis:8%}}@media (orientation:portrait) and (max-device-width:750px){#display-top{font-size:large}}@media (orientation:landscape) and (max-device-width:1024px){#display{height:90vh;width:90vw;min-height:unset}}@media (orientation:landscape) and (max-height:400px){#display-top{font-size:large}}#display-middle{flex-basis:62%;width:100%;display:flex;flex-direction:row;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}#display-middle-left{flex-basis:55%;display:flex;flex-direction:row}#display-middle-right{flex-basis:45%;display:flex;flex-direction:row}#display-middle-left-a,#display-middle-left-c{flex-basis:5%}#display-middle-left-b{flex-basis:90%;display:flex;flex-direction:row;justify-content:space-around}#display-middle-right-c{flex-basis:12%;min-width:15px}#display-middle-right-e,#display-middle-right-g{flex-basis:5%}#display-middle-right-e{min-width:50px}#display-middle-right-f{flex-basis:20%;display:flex;flex-direction:row}.volumeToolTipContainer{position:relative;width:0;height:0;top:105%;right:25px}.volumeToolTip{background-color:var(--global-first-color);width:50px;font-size:x-large;font-style:oblique;border-color:#000!important;border-width:2px!important;border-style:solid;border-radius:6px;text-align:center}#menuScrollTip{font-size:x-large;height:16px}@media (orientation:portrait){#display-middle{flex-basis:80%;height:100%;width:100%;display:flex;flex-direction:column-reverse;justify-content:space-around}#display-middle-left{flex-basis:unset}#display-middle-right{flex-basis:unset;justify-content:space-around;width:80%;margin-left:auto;margin-right:auto}#display-middle-right-a,#display-middle-right-c,#display-middle-right-e,#display-middle-right-f,#display-middle-right-g,#menuScrollTip,#volumeTip{display:none}}@media (orientation:portrait) and (max-device-width:750px){#display-middle{margin-top:10px}}@media (orientation:landscape) and (max-device-width:1024px){#display-middle-left{flex-basis:65%}#display-middle-right{flex-basis:35%;justify-content:space-around;margin-left:auto;margin-right:auto}#display-middle-right-a,#display-middle-right-c,#display-middle-right-e,#display-middle-right-f,#display-middle-right-g,#menuScrollTip,#volumeTip{display:none}}@media (orientation:landscape) and (max-device-height:767px){#display-middle-left{flex-basis:60%}#display-middle-right{flex-basis:40%}}#drum-pad-grid{margin:auto;background-color:var(--global-third-color);border-radius:1rem;width:54vh;height:45vh;flex-direction:column;padding:0 0 2vh 2vh}#drum-pad-grid,.drum-pad-row{display:flex;justify-content:space-around}.drum-pad-row{height:33%;flex-direction:row}.drum-pad{border-radius:1rem;width:33%;background-color:var(--global-fourth-color);border:#000;border-width:2px;border-style:solid;margin:2vh 2vh 0 0;text-align:center;display:flex;flex-direction:column;justify-content:space-around;font-size:x-large;font-style:oblique}.drum-pad:active{background-color:var(--global-first-color)}.drum-pad>pLine truncated
|
||||
/*# sourceMappingURL=main.b8f71121.chunk.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["index.css","App.css","globalCss.css","DrumMachine.css","DisplayMiddle.css","DrumPadGrid.css","Selection.css","VolumeContainer.css"],"names":[],"mappings":"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sB,CACtB,QAAO,CACP,aAAc,CACd,oEAAqE,CACrE,oBAAqB,CACrB,gBAAiB,CACjB,mBAAoB,CACpB,aACF,CAEA,kCACE,0CAA2C,CAC3C,iBACF,CAEA,wCACE,0CAA2C,CAC3C,iBACF,CAEA,mBACE,8BAAuB,CAAvB,2BAAuB,CAAvB,sBAAuB,CACvB,2CAA4C,CAC5C,0BAA2B,CAC3B,YAAa,CACb,kBAAmB,CACnB,gBAAiB,CACjB,kBAAmB,CACnB,iBAAkB,CAClB,eAAgB,CAChB,gBACF,CAEA,0BACE,0CACF,CAEA,eAEE,aACF,CAEA,8BACE,eACE,eAAgB,CAChB,gBACF,CAEA,8BACE,UAAW,CACX,WACF,CAEA,mBACE,aACF,CACF,CAEA,2DACE,8BACE,UAAW,CACX,WACF,CACF,CAEA,2DACE,8BACE,UAAW,CACX,WACF,CACF,CAEA,6DACE,eACE,eAAgB,CAChB,gBACF,CAEA,8BACE,UAAW,CACX,WACF,CAEA,mBACE,aACF,CACF,CAEA,6DACE,eACE,eAAgB,CAChB,gBACF,CAEA,8BACE,UAAW,CACX,WACF,CACF,CCrJA,iCACE,cAAe,CACf,YAAa,CACb,qBAAsB,CACtB,4BACF,CAEA,WACE,gBAAiB,CACjB,iBAAkB,CAClB,UAAW,CACX,eAAgB,CAChB,WAAY,CACZ,eAAgB,CAChB,2CAA4C,CAC5C,kBAAmB,CACnB,gBAAiB,CACjB,kBAAmB,CACnB,YAAa,CACb,kBAAmB,CACnB,4BACF,CAEA,aACE,WAAY,CACZ,iBAAkB,CAClB,eACF,CAEA,kBACE,0CACF,CAGA,8BACE,yCACE,YACF,CAEA,iCACE,gBAAiB,CACjB,eAAgB,CAChB,4BACF,CAEA,WACE,eAAgB,CAChB,eAAgB,CAChB,kBACF,CACF,CAEA,2DACE,WACE,eAAgB,CAChB,eAAgB,CAChB,kBACF,CACF,CAEA,6DACE,yCACE,YACF,CAEA,iCACE,gBAAiB,CACjB,eACF,CACF,CCrEA,kBACE,WAAY,CACZ,YAAa,CACb,UAAW,CACX,YAAa,CACb,qBAAsB,CACtB,6BAA8B,CAC9B,cACF,CAEA,wBACE,YACF,CAEA,QACE,uBAAwB,CACxB,iBAAkB,CAClB,QAAS,CACT,UAAW,CACX,WAAY,CACZ,UAAW,CACX,oCAAqC,CACrC,gCAAyB,CAAzB,wBAAyB,CACzB,iBAAkB,CAClB,WACF,CAEA,cACE,YACF,CAEA,8BACE,uBAAwB,CACxB,WAAY,CACZ,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,cAAe,CACf,oCAAqC,CACrC,eACF,CAEA,0BACE,WAAY,CACZ,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,oCAAqC,CACrC,cACF,CAEA,YACE,+BACF","file":"main.b8f71121.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".App {\n text-align: center;\n}\n\n.attachment-full {\n position: absolute;\n right: 0px;\n height: 149px;\n width: 149px;\n}\n\n.githubLabel {\n background-color: #00293C;\n border: none;\n width: 149px;\n height: 0px;\n position: absolute;\n right: 0px;\n margin-top: -10px;\n}\n\n@media (orientation: portrait) {\n .attachment-full {\n height: 99px;\n width: 99px;\n }\n\n .githubLabel {\n width: 99px;\n }\nLine truncated
|
||||
Reference in new issue
Block a user