3 files changed, 36 insertions, 0 deletions
diff --git a/front/odiparpack/app/styles/variables/bitters.scss b/front/odiparpack/app/styles/variables/bitters.scss
new file mode 100644
index 0000000..4f8f996
--- /dev/null
+++ b/front/odiparpack/app/styles/variables/bitters.scss
@@ -0,0 +1,4 @@
+$font-stack-system: "Roboto", "Helvetica", "Arial", sans-serif;
+$heading-font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+$all-buttons: 'button, input[type="button"], input[type="submit"]';
+$all-text-inputs: 'input[type="text"], input[type="password"], input[type="email"], input[type="tel"]';
diff --git a/front/odiparpack/app/styles/variables/custom_pallete.scss b/front/odiparpack/app/styles/variables/custom_pallete.scss
new file mode 100644
index 0000000..e5c0d0d
--- /dev/null
+++ b/front/odiparpack/app/styles/variables/custom_pallete.scss
@@ -0,0 +1,31 @@
+@function grey(){
+  @return material-color('blue-grey', '400');
+}
+
+@function greyLight(){
+  @return material-color('blue-grey', '200');
+}
+
+@function greyLigther(){
+  @return material-color('blue-grey', '100');
+}
+
+@function greyDark(){
+  @return material-color('blue-grey', '600');
+}
+
+@function greyDarker(){
+  @return material-color('blue-grey', '800');
+}
+
+@function black(){
+  @return material-color('blue-grey', '900');
+}
+
+@function white(){
+  @return "#FFFFFF";
+}
+
+@function primaryColor(){
+  @return material-color('indigo', '900');
+}
+\ No newline at end of file
diff --git a/front/odiparpack/app/styles/variables/neat.scss b/front/odiparpack/app/styles/variables/neat.scss
new file mode 100644
index 0000000..e02bb9f
--- /dev/null
+++ b/front/odiparpack/app/styles/variables/neat.scss
@@ -0,0 +1 @@
+$border-box-sizing: false;