CodeChatEditorProject.css

/* Copyright (C) 2025 Bryan A. Jones.

   This file is part of the CodeChat Editor.

   The CodeChat Editor is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by the Free
   Software Foundation, either version 3 of the License, or (at your option) any
   later version.

   The CodeChat Editor is distributed in the hope that it will be useful, but
   WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
   FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
   details.

   You should have received a copy of the GNU General Public License along with
   the CodeChat Editor. If not, see
   [http://www.gnu.org/licenses/](http://www.gnu.org/licenses/).

   `CodeChatEditorProject.css` -- Styles for the CodeChat Editor for projects
   =============================================================================

   This is used only to store a reused variable value. See the
   [CSS docs](https://drafts.csswg.org/css-variables/). */
:root {
    --sidebar-width: 15rem;
    --body-padding: 0.2rem;
}

/* See [box sizing](https://css-tricks.com/box-sizing/) for the following
   technique to use `border-box` sizing. */
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    /* For box model simplicity, switch the padding and margin. */
    padding: var(--body-padding);
    margin: 0px;
    overflow: hidden;
    display: flex;
}

/* TODO: This is a overly simple, non-responsive layout to create a sidebar
   containing the table of contents. Fix. */
#CodeChat-sidebar, #CodeChat-sidebar-nav {
    width: var(--sidebar-width);
    height: calc(100vh - 2 * var(--body-padding));
    border: 0px;
}

#CodeChat-contents {
    width: calc(100vw - var(--sidebar-width) - 2 * var(--body-padding));
}