scss file added plus config webpack

still missing something, because doesn't work yet

src/Bundle/ChillBudgetBundle/Resources/public/pages/chillbudget.scss

@@ -0,0 +1,44 @@
+.subtitle {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    padding: 1rem;
+}
+.family-title {
+    margin-bottom: 1rem !important;
+}
+.budget-table th {
+    th {
+        color: white;
+    }
+}
+.budget-table {
+    th.charge {
+        background-color: $budget-charge-color;
+    }
+}
+.budget-table {
+    th.resource {
+        background-color: $budget-resource-color;
+    }
+}
+.budget-table {
+    th, td {
+        padding: 10px;
+        text-align: left;
+    }
+    td.column-wide {
+        width: 25%;
+    }
+    td.column-small {
+        width: 15%;
+    }
+}
+
+.bold {
+    font-weight: 600;
+}
+
+.total {
+    margin-top: 1rem;
+    border-top: 1px dashed black;
+}

src/Bundle/ChillBudgetBundle/Resources/public/pages/index.js

@@ -0,0 +1 @@
+require('./chillbudget.scss');

src/Bundle/ChillBudgetBundle/chill.webpack.config.js

@@ -0,0 +1,9 @@
+// this file loads all assets from the Chill person bundle
+module.exports = function(encore, entries)
+{
+    entries.push(__dirname + '/Resources/public/pages/index.js');
+
+    encore.addAliases({
+        ChillBudgetAssets: __dirname + '/Resources/public'
+    });
+};