splatter-plot
Version:
Layout elements using concentric rings in JS + SVG
1 lines • 2.69 kB
Source Map (JSON)
{"version":3,"sourceRoot":"/Users/khrome/Development/splatter-plot/app/styles","sources":["../../out-180-broccoli_merge_trees_full_application/app/styles/app.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA,aACI;;;AAkBR;EACG;EACA;;;AAEH;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA","file":"splatter-plot-website.css","sourcesContent":["ex-panda-group{\n}\n\nex-panda-item{\n text-align: center;\n font-size: 1.5em;\n margin-top: 0.5em;\n}\n\n.demo_panel{\n width:90%;\n height: 90%;\n margin-top: 5%;\n border:0px;\n border-radius: 20px;\n background-color: #111;\n}\n\n.popup_panel{\n width:10px;\n height: 10px;\n border:1px solid red;\n position: absolute;\n display: block;\n}\n\n.title{\n font-size: 1.5em;\n font-weight: 800;\n text-shadow:\n 1px 1px 0px white,\n -1px 1px 0px white,\n 1px -1px 0px white,\n -1px -1px 0px white,\n 2px 2px 0px white,\n 1px 2px 0px white,\n 2px 1px 0px white,\n -2px 2px 0px white,\n -1px 2px 0px white,\n -2px 1px 0px white,\n 2px -2px 0px white,\n 1px -2px 0px white,\n 2px -1px 0px white,\n -2px -2px 0px white,\n -1px -2px 0px white,\n -2px -1px 0px white;\n}\n\nhtml{\n height: 100%;\n overflow: hidden;\n}\nbody{\n margin:0px;\n overflow: hidden;\n}\n\n.content{\n height: 100vh;\n margin-bottom: -50px;\n}\n\nh1, h2, h3, h4, h5, div.title, .card p, footer, ex-panda-item{\n font-family: 'Quicksand', sans-serif;\n}\napp-header{\n height: 100vh;\n}\napp-drawer{\n background-color: grey;\n background: linear-gradient(-30deg, rgba(#555555, 0.5), rgba(#CCCCCC, 0.5));\n}\n.sidebar{\n background-color: grey;\n height:100%;\n background: linear-gradient(-30deg, #555555, #CCCCCC);\n overflow: scroll;\n position:relative;\n}\n.sidebar-content{\n\n}\napp-toolbar{\n background-color: grey;\n background: linear-gradient(-30deg, #555555, #CCCCCC);\n z-index: 1;\n box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.3);\n}\n\nfooter{\n background-color: grey;\n background: linear-gradient(-30deg, #555555, #CCCCCC);\n width : 100%;\n height : 30px;\n bottom: 0px;\n position: absolute;\n z-index: 2;\n text-align: center;\n padding-top: 15px;\n box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.3);\n}\n\n.content {\n padding: 16px 40px;\n height: 100%;\n}\n"]}