\r
// Duration.\r
$duration: (\r
- menu: 0.5s,\r
+ nav: 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
+ border-radius: 0.375em,\r
+ element-height: 2.75em,\r
+ element-margin: 2em,\r
+ sidebar-width: 26em,\r
+ sidebar-width-alt: 24em,\r
+ gutter: 3em\r
);\r
\r
// Font.\r
$font: (\r
- family: ('Merriweather', Georgia, serif),\r
- family-heading: ('Source Sans Pro', Helvetica, sans-serif),\r
+ family: ('Open Sans', sans-serif),\r
+ family-heading: ('Roboto Slab', serif),\r
family-fixed: ('Courier New', monospace),\r
- weight: 300,\r
+ weight: 400,\r
weight-bold: 600,\r
- weight-heading: 900\r
+ weight-heading: 700,\r
+ weight-heading-alt: 400,\r
+ kerning-heading: 0.075em\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
+ bg-alt: #f5f6f7,\r
+ fg: #7f888f,\r
+ fg-bold: #3d4449,\r
+ fg-light: #9fa3a6,\r
+ border: rgba(210,215,217,0.75),\r
+ border-bg: transparentize(#e6ebed, 0.75),\r
+ accent: #f56a6a\r
);
\ No newline at end of file