⬆️ Update Gulp to v4 and make livereload work
[editorial.git] / assets / main / sass / libs / _vars.scss
index 9347e2c8bb3220dbc2caa7949fbb21418f034237..073d2ae0c1e68cea2fb5812669365fa2d368be14 100644 (file)
@@ -1,62 +1,44 @@
-// 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
+// Misc.
+       $misc: (
+               z-index-base:           10000
+       );
+
+// Duration.
+       $duration: (
+               nav:                            0.5s,
+               transition:                     0.2s
+       );
+
+// Size.
+       $size: (
+               border-radius:          0.375em,
+               element-height:         2.75em,
+               element-margin:         2em,
+               sidebar-width:          26em,
+               sidebar-width-alt:      24em,
+               gutter:                         3em
+       );
+
+// Font.
+       $font: (
+               family:                         ('Open Sans', sans-serif),
+               family-heading:         ('Roboto Slab', serif),
+               family-fixed:           ('Courier New', monospace),
+               weight:                         400,
+               weight-bold:            600,
+               weight-heading:         700,
+               weight-heading-alt:     400,
+               kerning-heading:        0.075em
+       );
+
+// Palette.
+       $palette: (
+               bg:                                     #ffffff,
+               bg-alt:                         #f5f6f7,
+               fg:                                     #7f888f,
+               fg-bold:                        #3d4449,
+               fg-light:                       #9fa3a6,
+               border:                         rgba(210,215,217,0.75),
+               border-bg:                      transparentize(#e6ebed, 0.75),
+               accent:                         #f56a6a
+       );