Initial commit

[editorial.git] / assets / main / sass / libs / _vars.scss

diff --git a/assets/main/sass/libs/_vars.scss b/assets/main/sass/libs/_vars.scss
new file mode 100644 (file)
index 0000000..9347e2c
--- /dev/null
+++ b/assets/main/sass/libs/_vars.scss
@@ -0,0 +1,62 @@
+// Misc.\r
+       $misc: (\r
+               z-index-base:           10000\r
+       );\r
+\r
+// Duration.\r
+       $duration: (\r
+               menu:                           0.5s,\r
+               transition:                     0.2s\r
+       );\r
+\r
+// Size.\r
+       $size: (\r
+               element-height:         3rem,\r
+               element-margin:         2rem,\r
+               padding:                        2rem,\r
+               wrapper:                        72rem\r
+       );\r
+\r
+// Font.\r
+       $font: (\r
+               family:                         ('Merriweather', Georgia, serif),\r
+               family-heading:         ('Source Sans Pro', Helvetica, sans-serif),\r
+               family-fixed:           ('Courier New', monospace),\r
+               weight:                         300,\r
+               weight-bold:            600,\r
+               weight-heading:         900\r
+       );\r
+\r
+// Palette.\r
+       $palette: (\r
+               wrapper-bg:                     #212931,\r
+\r
+               bg:                                     #ffffff,\r
+               fg:                                     #212931,\r
+               fg-bold:                        #212931,\r
+               fg-light:                       mix(#212931, #ffffff, 50%),\r
+               border:                         mix(#dcdcdc, #ffffff, 50%),\r
+               border-bg:                      rgba(#dcdcdc, 0.25),\r
+               accent:                         #18bfef,\r
+\r
+               alt: (\r
+                       bg:                             #f5f5f5,\r
+                       fg:                             #717981,\r
+                       fg-bold:                #717981,\r
+                       fg-light:               mix(#717981, #f5f5f5, 50%),\r
+                       border:                 mix(#dcdcdc, #f5f5f5, 75%),\r
+                       border-bg:              rgba(#dcdcdc, 0.5),\r
+                       accent:                 #18bfef,\r
+               ),\r
+\r
+               invert: (\r
+                       bg:                             #1e252d,\r
+                       bg-alt:                 #1e252d,\r
+                       fg:                             #ffffff,\r
+                       fg-bold:                #ffffff,\r
+                       fg-light:               rgba(#ffffff, 0.5),\r
+                       border:                 #ffffff,\r
+                       border-bg:              rgba(#ffffff,0.075),\r
+                       accent:                 #18bfef,\r
+               ),\r
+       );
\ No newline at end of file