X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=assets%2Fmain%2Fsass%2Flibs%2F_vars.scss;h=073d2ae0c1e68cea2fb5812669365fa2d368be14;hb=189b10e5d29d1307671057f17c670c40da782a8d;hp=9347e2c8bb3220dbc2caa7949fbb21418f034237;hpb=8af2079e4b096e77ba2f922d6a18224ce01cb7bd;p=editorial.git diff --git a/assets/main/sass/libs/_vars.scss b/assets/main/sass/libs/_vars.scss index 9347e2c..073d2ae 100644 --- a/assets/main/sass/libs/_vars.scss +++ b/assets/main/sass/libs/_vars.scss @@ -1,62 +1,44 @@ -// Misc. - $misc: ( - z-index-base: 10000 - ); - -// Duration. - $duration: ( - menu: 0.5s, - transition: 0.2s - ); - -// Size. - $size: ( - element-height: 3rem, - element-margin: 2rem, - padding: 2rem, - wrapper: 72rem - ); - -// Font. - $font: ( - family: ('Merriweather', Georgia, serif), - family-heading: ('Source Sans Pro', Helvetica, sans-serif), - family-fixed: ('Courier New', monospace), - weight: 300, - weight-bold: 600, - weight-heading: 900 - ); - -// Palette. - $palette: ( - wrapper-bg: #212931, - - bg: #ffffff, - fg: #212931, - fg-bold: #212931, - fg-light: mix(#212931, #ffffff, 50%), - border: mix(#dcdcdc, #ffffff, 50%), - border-bg: rgba(#dcdcdc, 0.25), - accent: #18bfef, - - alt: ( - bg: #f5f5f5, - fg: #717981, - fg-bold: #717981, - fg-light: mix(#717981, #f5f5f5, 50%), - border: mix(#dcdcdc, #f5f5f5, 75%), - border-bg: rgba(#dcdcdc, 0.5), - accent: #18bfef, - ), - - invert: ( - bg: #1e252d, - bg-alt: #1e252d, - fg: #ffffff, - fg-bold: #ffffff, - fg-light: rgba(#ffffff, 0.5), - border: #ffffff, - border-bg: rgba(#ffffff,0.075), - accent: #18bfef, - ), - ); \ 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 + );