1 files changed, 51 insertions, 0 deletions
diff --git a/app/assets/sass/_variables.scss b/app/assets/sass/_variables.scss
new file mode 100644
index 0000000..cfdb166
--- /dev/null
+++ b/app/assets/sass/_variables.scss
@@ -0,0 +1,51 @@
+//vars
+$page-width: 1000px;
+
+$padding-base: 6px;
+$padding-sm: 3px;
+$padding-lg: 10px;
+
+$font-size-base: 13px;
+$font-size-xs: round($font-size-base * 0.7);
+$font-size-sm: round($font-size-base * 0.9);
+$font-size-lg: round($font-size-base * 1.3);
+$font-size-xl: round($font-size-base * 1.7);
+
+$font-family-sans-serif: 'noto sans';
+
+$line-height-base: 1.3;
+
+$gray-lightest: #f7f7f7;
+$gray-light: darken($gray-lightest, 10%);
+$gray: darken(#f7f7f7, 30%);
+$gray-dark: darken(#f7f7f7, 50%);
+$gray-darkest: darken($gray-lightest, 70%);
+
+$blue: #00B5E2;
+$dark-blue: #008CAF;
+$light-blue: #65DDFB;
+
+$red: #AF2F11;
+$dark-red: #7C210C;
+$light-red: #FB8165;
+
+$bg-color: $gray-lightest;
+
+$text-color: #4d525a;
+$text-color-light: lighten($text-color, 30%);
+
+$line-color: $gray-light;
+$line-color-light: lighten($gray-light, 20%);
+
+$link-color: $blue;
+
+$border-radius-base: 3px;
+$border-radius-lg: 6px;
+
+$main-color: $blue;
+$main-color-dark: $blue;
+
+$highlight-color: $blue;
+$highlight-color-dark: $dark-blue;
+
+$alert-color: #FB4418;