Merge pull request #4 from nonowazu/feat/better-css

Set css settings so we can have 'standard' css
goaaats · Oct 6, 2021 · 2fc8735 · 2fc8735
2 parents db8f544 + 7fd2599
commit 2fc8735
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/components/TitleBar/TitleBar.module.scss b/src/components/TitleBar/TitleBar.module.scss
@@ -13,7 +13,7 @@ $button-width: 46px;
     right: 0;
 }
 
-.titlebarText {
+.titlebar-text {
     margin: auto;
     padding: 0;
     padding-left: $button-width * 3;
@@ -22,20 +22,20 @@ $button-width: 46px;
     color: #000;
 }
 
-.titlebarButton, .titlebarButtonClose {
+.titlebar-button, .titlebar-button-close {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     width: $button-width;
     height: $button-height;
 }
 
-.titlebarButton:hover {
+.titlebar-button:hover {
     background: #158f58;
     transition-duration: 200ms;
 }
 
-.titlebarButtonClose:hover {
+.titlebar-button-close:hover {
     background: #ea2820;
     transition-duration: 200ms;
 }
diff --git a/vue.config.js b/vue.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+    css: {
+      loaderOptions: {
+        css: {
+          localsConvention: 'camelCaseOnly'
+        }
+      }
+    }
+  }