spaCy/website/assets/css/_variables.sass

//- 💫 CSS > VARIABLES

// Settings and Sizes

$type-base: 11px

$nav-height: 55px
$content-width: 1250px
$sidebar-width: 235px
$aside-width: 27.5vw
$aside-padding: 25px
$border-radius: 6px

$logo-width: 85px
$logo-height: 27px

$grid: ( quarter: 4, third: 3, half: 2, two-thirds: 1.5, three-quarters: 1.33 )
$breakpoints: ( sm: 768px, md: 992px, lg: 1200px )
$headings: (1: 4.4, 2: 3.4, 3: 2.6, 4: 2.2, 5: 1.8)

//  Fonts

$font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default
$font-secondary: "HK Grotesk", Roboto, Helvetica, Arial, sans-serif !default
$font-code: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default

// Colors

$colors: ( blue: #09a3d5, green: #05b083, purple: #6542d1 )

$color-back: #fff !default
$color-front: #1a1e23 !default
$color-dark: lighten($color-front, 20) !default

$color-theme: map-get($colors, $theme)
$color-theme-dark: darken(map-get($colors, $theme), 10)
$color-theme-light: rgba($color-theme, 0.05)

$color-subtle: #ddd !default
$color-subtle-light: #f6f6f6 !default
$color-subtle-dark: #949e9b !default

$color-red: #ef476f
$color-green: #7ddf64
$color-yellow: #f4c025

$syntax-highlighting: ( comment: #949e9b, tag: #b084eb, number: #b084eb, selector: #ffb86c, operator: #ff2c6d, function: #35b3dc, keyword: #ff2c6d, regex: #f4c025 )

$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
$box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2)
Update to new website 2016-10-31 18:04:15 +00:00			`//- 💫 CSS > VARIABLES`
Update website 2016-10-03 18:19:13 +00:00
			`// Settings and Sizes`

			`$type-base: 11px`

Update CSS 2017-10-03 12:14:52 +00:00			`$nav-height: 55px`
Update to new website 2016-10-31 18:04:15 +00:00			`$content-width: 1250px`
Update CSS 2017-10-03 12:14:52 +00:00			`$sidebar-width: 235px`
			`$aside-width: 27.5vw`
Update website 2016-10-03 18:19:13 +00:00			`$aside-padding: 25px`
Update CSS 2017-10-03 12:14:52 +00:00			`$border-radius: 6px`
Update website 2016-10-03 18:19:13 +00:00
Update to new website 2016-10-31 18:04:15 +00:00			`$logo-width: 85px`
Fix logo width and height to avoid link overlap in Safari (resolves #748) 2017-01-17 16:56:34 +00:00			`$logo-height: 27px`
Update to new website 2016-10-31 18:04:15 +00:00
			`$grid: ( quarter: 4, third: 3, half: 2, two-thirds: 1.5, three-quarters: 1.33 )`
Update website 2016-10-03 18:19:13 +00:00			`$breakpoints: ( sm: 768px, md: 992px, lg: 1200px )`
Update CSS 2017-10-03 12:14:52 +00:00			`$headings: (1: 4.4, 2: 3.4, 3: 2.6, 4: 2.2, 5: 1.8)`
Update website 2016-10-03 18:19:13 +00:00
			`// Fonts`

Update CSS 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`
Fix secondary font stack 2017-10-03 13:45:07 +00:00			`$font-secondary: "HK Grotesk", Roboto, Helvetica, Arial, sans-serif !default`
Update CSS 2017-10-03 12:14:52 +00:00			`$font-code: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default`
Update website 2016-10-03 18:19:13 +00:00
			`// Colors`

💫 Interactive code examples, spaCy Universe and various docs improvements (#2274) * Integrate Python kernel via Binder * Add live model test for languages with examples * Update docs and code examples * Adjust margin (if not bootstrapped) * Add binder version to global config * Update terminal and executable code mixins * Pass attributes through infobox and section * Hide v-cloak * Fix example * Take out model comparison for now * Add meta text for compat * Remove chart.js dependency * Tidy up and simplify JS and port big components over to Vue * Remove chartjs example * Add Twitter icon * Add purple stylesheet option * Add utility for hand cursor (special cases only) * Add transition classes * Add small option for section * Add thumb object for small round thumbnail images * Allow unset code block language via "none" value (workaround to still allow unset language to default to DEFAULT_SYNTAX) * Pass through attributes * Add syntax highlighting definitions for Julia, R and Docker * Add website icon * Remove user survey from navigation * Don't hide GitHub icon on small screens * Make top navigation scrollable on small screens * Remove old resources page and references to it * Add Universe * Add helper functions for better page URL and title * Update site description * Increment versions * Update preview images * Update mentions of resources * Fix image * Fix social images * Fix problem with cover sizing and floats * Add divider and move badges into heading * Add docstrings * Reference converting section * Add section on converting word vectors * Move converting section to custom section and fix formatting * Remove old fastText example * Move extensions content to own section Keep weird ID to not break permalinks for now (we don't want to rewrite URLs if not absolutely necessary) * Use better component example and add factories section * Add note on larger model * Use better example for non-vector * Remove similarity in context section Only works via small models with tensors so has always been kind of confusing * Add note on init-model command * Fix lightning tour examples and make excutable if possible * Add spacy train CLI section to train * Fix formatting and add video * Fix formatting * Fix textcat example description (resolves #2246) * Add dummy file to try resolve conflict * Delete dummy file * Tidy up [ci skip] * Ensure sufficient height of loading container * Add loading animation to universe * Update Thebelab build and use better startup message * Fix asset versioning * Fix typo [ci skip] * Add note on project idea label 2018-04-29 00:06:46 +00:00			`$colors: ( blue: #09a3d5, green: #05b083, purple: #6542d1 )`
Update to new website 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)`
Update CSS 2017-10-03 12:14:52 +00:00			`$color-theme-dark: darken(map-get($colors, $theme), 10)`
Use same colour for table foot rot and infobox 2017-05-18 20:16:51 +00:00			`$color-theme-light: rgba($color-theme, 0.05)`
Update to new website 2016-10-31 18:04:15 +00:00
			`$color-subtle: #ddd !default`
			`$color-subtle-light: #f6f6f6 !default`
			`$color-subtle-dark: #949e9b !default`

Update CSS 2017-10-03 12:14:52 +00:00			`$color-red: #ef476f`
			`$color-green: #7ddf64`
Update to new website 2016-10-31 18:04:15 +00:00			`$color-yellow: #f4c025`
Update website 2016-10-03 18:19:13 +00:00
Fix syntax highlighting colour of keyword 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 )`
Update website 2016-10-03 18:19:13 +00:00
Update to new website 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`
Update CSS 2017-10-03 12:14:52 +00:00			`$box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2)`