kitchen/web/static/app.css

/**
 * Copyright 2022 Jeremy Wall
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *     http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
:root {
    --tab-border-color: black;
    --tab-border-width: 3px;
    --tab-border-style: solid;
    --tab-border-radius: 15px;
    --unicode-button-size: 2em;
}

@media print {

    .no-print,
    .no-print * {
        display: none !important;
    }

    .page-breaker {
        page-break-after: always;
    }
}

@media (min-width: 768px) {
    :root {
        --font-size: 35px;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --tab-border-color: lightgrey;
    }
}

body {
    padding: 10px;
    margin: 10px;
}

nav>ul.tabs>li {
    border-style: none;
}

nav>ul.tabs>li.selected {
    border-style: none;
    border-bottom-style: var(--tab-border-style);
    border-bottom-color: var(--tab-border-color);
    border-bottom-width: var(--tab-border-width);
}

nav>h1 {
    margin: 0px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline;
    vertical-align: middle;
    text-align: left;
}

.destructive {
    background-color: firebrick !important;
}

.item-count-inc-dec {
    font-size: var(--unicode-button-size);
}