b44072588b
* Add Netlify configuration and website Makefile Signed-off-by: lucperkins <lucperkins@gmail.com> * Add .editorconfig file for IDE configs Signed-off-by: lucperkins <lucperkins@gmail.com> * Add empty content folder to satisfy Hugo requirement Signed-off-by: lucperkins <lucperkins@gmail.com> * Add basic Hugo site config Signed-off-by: lucperkins <lucperkins@gmail.com> * Add initial layout scaffolding Signed-off-by: lucperkins <lucperkins@gmail.com> * Add initial npm assets, yarn.lock, and .gitignore file to ignore node_modules/ Signed-off-by: lucperkins <lucperkins@gmail.com> * Add initial site implementation * Revert Hugo version to 0.50 Signed-off-by: lucperkins <lucperkins@gmail.com> * Change publish directory to website/public Signed-off-by: lucperkins <lucperkins@gmail.com> * Add basic site metadata in partial Signed-off-by: Luc Perkins <lucperkins@gmail.com> * Widen main logo on mobile Signed-off-by: Luc Perkins <lucperkins@gmail.com> * Add favicon link to CSS partial Signed-off-by: Luc Perkins <lucperkins@gmail.com> * Synchronize main color with logos Signed-off-by: Luc Perkins <lucperkins@gmail.com> * Add basic Providers and How it Works sections to home page Signed-off-by: lucperkins <lucperkins@gmail.com> * Combine basics and providers sections into one Signed-off-by: lucperkins <lucperkins@gmail.com> * Add favicon link to site config Signed-off-by: lucperkins <lucperkins@gmail.com> * Add navbar fade in and out effect Signed-off-by: lucperkins <lucperkins@gmail.com> * Add Slack button Signed-off-by: lucperkins <lucperkins@gmail.com> * Add GitHub stars/watcher info Signed-off-by: lucperkins <lucperkins@gmail.com> * Add documentation layout Signed-off-by: lucperkins <lucperkins@gmail.com> * Add debugging and contributing links Signed-off-by: lucperkins <lucperkins@gmail.com> * Add docs button in main hero Signed-off-by: lucperkins <lucperkins@gmail.com> * Fix footer layout issue Signed-off-by: lucperkins <lucperkins@gmail.com> * Change docs header aesthetic Signed-off-by: lucperkins <lucperkins@gmail.com> * Change syntax highlighting theme to fruity Signed-off-by: lucperkins <lucperkins@gmail.com> * More adjustments to sidebar Signed-off-by: lucperkins <lucperkins@gmail.com> * Add TOC panel for docs Signed-off-by: lucperkins <lucperkins@gmail.com> * Adjust the padding on section elements Signed-off-by: lucperkins <lucperkins@gmail.com> * Remove stickiness on main docs header Signed-off-by: lucperkins <lucperkins@gmail.com> * Add basic architecture doc Signed-off-by: lucperkins <lucperkins@gmail.com> * Remove 'coming soon' banner Signed-off-by: lucperkins <lucperkins@gmail.com> * Add AnchorJS support for docs pages Signed-off-by: lucperkins <lucperkins@gmail.com>
137 lines
2.8 KiB
Sass
137 lines
2.8 KiB
Sass
{{- $fonts := .Site.Params.fonts }}
|
|
{{- $fontSlice := (slice) }}
|
|
{{- range $fonts }}
|
|
{{- $fontSlice = $fontSlice | append (printf "%s:%s" (replace .name " " "+") (delimit .sizes ",")) }}
|
|
{{- end }}
|
|
{{- $fontsUrl := printf "https://fonts.googleapis.com/css?family=%s" (delimit $fontSlice "|") }}
|
|
{{- $sansSerifFont := .Site.Params.sansSerifFont }}
|
|
//{{- $monospaceFont := .Site.Params.monospaceFont }}
|
|
{{- $fontAwesomeVersion := .Site.Params.fontAwesomeVersion }}
|
|
{{- $fontAwesomeUrl := printf "https://use.fontawesome.com/releases/v%s/css/all.css" $fontAwesomeVersion }}
|
|
|
|
@charset "utf-8"
|
|
@import url({{ $fontsUrl }})
|
|
@import url({{ $fontAwesomeUrl }})
|
|
|
|
@import "bulma/sass/utilities/initial-variables"
|
|
@import "bulma/sass/utilities/functions"
|
|
|
|
// Project-specific colors and variables
|
|
$vk-blue: #3e71db
|
|
$vk-dark: #383d49
|
|
|
|
// Other colors
|
|
$twitter-blue: #1da1f2
|
|
$slack-green: #74cdb0
|
|
// Bulma variable overwrites
|
|
$primary: $vk-blue
|
|
$dark: $vk-dark
|
|
|
|
$link: $primary
|
|
$link-hover: $dark
|
|
$code: $primary
|
|
|
|
$family-sans-serif: "{{ $sansSerifFont }}", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif
|
|
//$family-code: "{{ $monospaceFont }}", monospace
|
|
$section-padding: 3rem 4rem
|
|
|
|
$navbar-height: 5rem
|
|
$navbar-item-img-max-height: 3.5rem
|
|
$dashboard-panel-padding: 3rem 2.5rem 5rem 2.5rem
|
|
$dashboard-panel-header-bottom-margin: 2rem
|
|
$toc-item-color: $white
|
|
$toc-item-font-size: 1.75rem
|
|
$toc-item-icon-color: $white-bis
|
|
$toc-item-icon-right-margin: 1.5rem
|
|
$toc-item-top-margin: 1rem
|
|
|
|
@import "bulma/sass/utilities/derived-variables"
|
|
|
|
$colors: mergeColorMaps(("twitter-blue": ($twitter-blue, $white), "slack-green": ($slack-green, $white)), $colors)
|
|
|
|
@import "bulma/bulma"
|
|
@import "bulma-dashboard/bulma-dashboard.sass"
|
|
@import "bulma-toc/bulma-toc.sass"
|
|
|
|
// Ensure sticky footer at the bottom of the page
|
|
.page
|
|
display: flex
|
|
flex-direction: column
|
|
min-height: 100vh
|
|
|
|
.main
|
|
flex: 1
|
|
|
|
=hide
|
|
display: none
|
|
|
|
=logo($tablet, $mobile)
|
|
+tablet
|
|
width: $tablet
|
|
|
|
+mobile
|
|
width: $mobile
|
|
|
|
.menu-item
|
|
font-size: 1.75rem
|
|
|
|
.icon
|
|
color: $white
|
|
margin-right: 1.5rem
|
|
|
|
.is-main-logo
|
|
+logo(40%, 90%)
|
|
|
|
.is-cncf-logo
|
|
+logo(40%, 80%)
|
|
|
|
.is-footer-logo
|
|
+logo(10%, 20%)
|
|
|
|
.has-extra-padding
|
|
padding: 3rem
|
|
|
|
.has-bottom-spacing
|
|
margin-bottom: 1rem
|
|
|
|
.is-home-page .navbar
|
|
+hide
|
|
|
|
.button
|
|
&.is-radiusless
|
|
border-radius: none
|
|
|
|
.dashboard
|
|
&-panel-header
|
|
img
|
|
width: 50%
|
|
|
|
.footer
|
|
flex: 1
|
|
|
|
.toc-panel
|
|
padding: 1.75rem
|
|
border-left: 1px solid $grey-light
|
|
|
|
.toc-bar
|
|
margin-top: 1.5rem
|
|
|
|
li
|
|
line-height: 110%
|
|
font-size: 1rem
|
|
|
|
a
|
|
color: $dark
|
|
|
|
ul
|
|
li
|
|
& + li
|
|
margin-top: .8rem
|
|
|
|
.content
|
|
figure
|
|
img
|
|
figcaption
|
|
font-size: 1.75rem
|
|
font-style: normal
|