rename phoenix.scss to phoenix.css to avoid needing a pre-processor #61

dwyl · Oct 15, 2021 · eb4bd83 · eb4bd83
1 parent 1505878
commit eb4bd83
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 4 deletions.
diff --git a/assets/css/app.css b/assets/css/app.css
@@ -0,0 +1,51 @@
+/* This file is for your main application css. */
+@import "./phoenix.css";
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+body {
+  position: relative;
+  margin: 0;
+  padding-bottom: 1rem;
+  min-height: 100%;
+  font-family: "Helvetica Neue", Arial, sans-serif;
+}
+
+/* Alerts and form errors */
+.alert {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.alert-info {
+  color: #31708f;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+.alert-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+}
+.alert-danger {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1;
+}
+.alert p {
+  margin-bottom: 0;
+}
+.alert:empty {
+  display: none;
+}
+
diff --git a/assets/css/app.scss b/assets/css/app.scss
@@ -1,6 +1,3 @@
-/* This file is for your main application css. */
-@import "./phoenix.css";
-
 html {
   height: 100%;
   box-sizing: border-box;

diff --git a/assets/js/app.js b/assets/js/app.js
@@ -1,7 +1,8 @@
 // We need to import the CSS so that webpack will load it.
 // The MiniCssExtractPlugin is used to separate it out into
 // its own CSS file.
-import "../css/app.scss"
+import "../css/phoenix.css"
+import "../css/app.css"
 
 // webpack automatically bundles all modules in your
 // entry points. Those entry points can be configured