mirror of
https://github.com/carbon-language/carbon-lang.git
synced 2026-10-03 20:35:49 +01:00
Jon Ross-PerkinsandChandler Carruth
b6396e97f8
Demo site: https://jonmeow.carbon-lang.dev/ I'm trying to keep work under the `/website` subdirectory so that the misc files don't interfere with unrelated views of the repository. The `prebuild.py` script does some work to move things around and add frontmatter, helping the jekyll generation. I'm using the "just-the-docs" theme because I think it's a decent match for what we want, and getting jekyll up and running with it wasn't too difficult. Note #1526 proposed using Docusaurus; I started out there, but was having trouble getting it working with newer versions. The plugins in particular I got stuck trying to make work, which sent me looking for options that we could have working with less customization. I do lean towards jekyll though, because it's what GH uses so hopefully we can get a more consistent experience. Having a website has been approved for a while under #1492, but hasn't been a priority. I'm mainly doing this because I want to just be able to point people to carbon-lang.dev and have easy links that way. --------- Co-authored-by: Chandler Carruth <chandlerc@gmail.com>
48 lines
967 B
SCSS
48 lines
967 B
SCSS
// Part of the Carbon Language project, under the Apache License v2.0 with LLVM
|
|
// Exceptions. See /LICENSE for license information.
|
|
// SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
|
|
|
|
// This is modifying the builtin scss, particularly:
|
|
// https://github.com/just-the-docs/just-the-docs/blob/main/_sass/layout.scss
|
|
|
|
.site-nav {
|
|
// The navbar will typically overflow, so keep a scrollbar so that the zippies
|
|
// don't move on open/close.
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.side-bar {
|
|
@include mq(lg) {
|
|
// Allow left alignment instead of centering.
|
|
width: #{$nav-width};
|
|
}
|
|
|
|
& + .main {
|
|
@include mq(lg) {
|
|
// Allow left alignment instead of centering.
|
|
margin-left: #{$nav-width};
|
|
}
|
|
}
|
|
}
|
|
|
|
.site-footer {
|
|
color: #57606a;
|
|
}
|
|
|
|
// Comments in code.
|
|
.highlight .c {
|
|
color: #57606a;
|
|
}
|
|
|
|
// Misc syntax in code.
|
|
.highlight .nb,
|
|
.highlight .nt,
|
|
.highlight .nv {
|
|
color: #a36000;
|
|
}
|
|
|
|
// Strings in code.
|
|
.highlight .s2 {
|
|
color: #3f7f3f;
|
|
}
|