2016-10-31 18:04:15 +00:00
|
|
|
//- 💫 CSS > VARIABLES
|
2016-10-03 18:19:13 +00:00
|
|
|
|
|
|
|
// Settings and Sizes
|
|
|
|
|
|
|
|
$type-base: 11px
|
|
|
|
|
2017-10-03 12:14:52 +00:00
|
|
|
$nav-height: 55px
|
2016-10-31 18:04:15 +00:00
|
|
|
$content-width: 1250px
|
2017-10-03 12:14:52 +00:00
|
|
|
$sidebar-width: 235px
|
|
|
|
$aside-width: 27.5vw
|
2016-10-03 18:19:13 +00:00
|
|
|
$aside-padding: 25px
|
2017-10-03 12:14:52 +00:00
|
|
|
$border-radius: 6px
|
2016-10-03 18:19:13 +00:00
|
|
|
|
2016-10-31 18:04:15 +00:00
|
|
|
$logo-width: 85px
|
2017-01-17 16:56:34 +00:00
|
|
|
$logo-height: 27px
|
2016-10-31 18:04:15 +00:00
|
|
|
|
|
|
|
$grid: ( quarter: 4, third: 3, half: 2, two-thirds: 1.5, three-quarters: 1.33 )
|
2016-10-03 18:19:13 +00:00
|
|
|
$breakpoints: ( sm: 768px, md: 992px, lg: 1200px )
|
2017-10-03 12:14:52 +00:00
|
|
|
$headings: (1: 4.4, 2: 3.4, 3: 2.6, 4: 2.2, 5: 1.8)
|
2016-10-03 18:19:13 +00:00
|
|
|
|
|
|
|
// Fonts
|
|
|
|
|
2017-10-03 12:14:52 +00:00
|
|
|
$font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default
|
2017-10-03 13:45:07 +00:00
|
|
|
$font-secondary: "HK Grotesk", Roboto, Helvetica, Arial, sans-serif !default
|
2017-10-03 12:14:52 +00:00
|
|
|
$font-code: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default
|
2016-10-03 18:19:13 +00:00
|
|
|
|
|
|
|
// Colors
|
|
|
|
|
2017-10-03 12:14:52 +00:00
|
|
|
$colors: ( blue: #09a3d5, green: #05b083 )
|
2016-10-31 18:04:15 +00:00
|
|
|
|
|
|
|
$color-back: #fff !default
|
|
|
|
$color-front: #1a1e23 !default
|
|
|
|
$color-dark: lighten($color-front, 20) !default
|
|
|
|
|
|
|
|
$color-theme: map-get($colors, $theme)
|
2017-10-03 12:14:52 +00:00
|
|
|
$color-theme-dark: darken(map-get($colors, $theme), 10)
|
2017-05-18 20:16:51 +00:00
|
|
|
$color-theme-light: rgba($color-theme, 0.05)
|
2016-10-31 18:04:15 +00:00
|
|
|
|
|
|
|
$color-subtle: #ddd !default
|
|
|
|
$color-subtle-light: #f6f6f6 !default
|
|
|
|
$color-subtle-dark: #949e9b !default
|
|
|
|
|
2017-10-03 12:14:52 +00:00
|
|
|
$color-red: #ef476f
|
|
|
|
$color-green: #7ddf64
|
2016-10-31 18:04:15 +00:00
|
|
|
$color-yellow: #f4c025
|
2016-10-03 18:19:13 +00:00
|
|
|
|
2017-05-13 13:37:43 +00:00
|
|
|
$syntax-highlighting: ( comment: #949e9b, tag: #b084eb, number: #b084eb, selector: #ffb86c, operator: #ff2c6d, function: #35b3dc, keyword: #ff2c6d, regex: #f4c025 )
|
2016-10-03 18:19:13 +00:00
|
|
|
|
2016-10-31 18:04:15 +00:00
|
|
|
$pattern: $color-theme url("/assets/img/pattern_#{$theme}.jpg") center top repeat
|
|
|
|
$pattern-overlay: transparent url("/assets/img/pattern_landing.jpg") center -138px no-repeat
|
2017-10-03 12:14:52 +00:00
|
|
|
$box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2)
|