kitchen/web/static/app.css

79 lines
1.8 KiB
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;
}
@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;
border-bottom-style: var(--tab-border-style);
border-bottom-color: var(--tab-border-color);
border-bottom-width: var(--tab-border-width);
}
nav>ul.tabs>li.selected {
border-style: var(--tab-border-style);
border-color: var(--tab-border-color);
border-width: var(--tab-border-width);
border-top-left-radius: var(--tab-border-radius);
border-top-right-radius: var(--tab-border-radius);
border-bottom-style: none;
}
nav>h1 {
margin: 0px;
margin-left: 3px;
margin-right: 3px;
display: inline;
vertical-align: middle;
text-align: left;
}
.destructive {
background-color: firebrick !important;
}