feat(tooling): bootstrap and sass

#3
agrc · Apr 15, 2022 · f2ddeaf · f2ddeaf
1 parent 061a163
commit f2ddeaf
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-scripts": "5.0.1",
+    "sass": "^1.50.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
@@ -1,7 +1,7 @@
 import Map from '@arcgis/core/Map';
 import MapView from '@arcgis/core/views/MapView';
 import React from 'react';
-import './App.css';
+import './App.scss';
 import config from './services/config';
 
 function App() {
@@ -12,7 +12,7 @@ function App() {
     new MapView({ map, container: 'mapDiv', ...config.DEFAULT_EXTENT });
   }, []);
 
-  return <div id="mapDiv"></div>;
+  return <div id="mapDiv" className="w-100 h-100"></div>;
 }
 
 export default App;
diff --git a/src/App.scss b/src/App.scss
diff --git a/src/index.css b/src/index.css
@@ -1,11 +1,9 @@
-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;
-}
+@import '../node_modules/bootstrap/dist/css/bootstrap.css';
+@import 'https://js.arcgis.com/4.23/@arcgis/core/assets/esri/themes/light/main.css';
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
+html, body, #root {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  width: 100%;
 }