glyph
/
peach-workspace
forked from PeachCloud/peach-workspace
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update classes and base template

This commit is contained in:
glyph 2021-11-16 09:45:14 +02:00
parent 308aaa11f5
commit b86575e2e4
2 changed files with 35 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
peach-web/static/css/peachcloud.css
View File

@ -5,6 +5,7 @@
* *
* Index * Index
* - ALIGNMENT * - ALIGNMENT
* - BODY
* - BUTTONS * - BUTTONS
* - CARDS * - CARDS
* - CAPSULES * - CAPSULES
@ -19,11 +20,11 @@
* - LABELS * - LABELS
* - LINKS * - LINKS
* - LISTS * - LISTS
* - MAIN
* - METERS * - METERS
* - NAVIGATION * - NAVIGATION
* - RADIAL MENU
* - SWITCHES / SLIDERS
* - PARAGRAPHS * - PARAGRAPHS
* - SWITCHES / SLIDERS
* *
\* ------------------------------ */ \* ------------------------------ */
@ -121,6 +122,18 @@
} }
} }
/*
* BODY
*/
body {
background-color: var(--moon-gray);
height: 100%;
display: flex;
flex-direction: column;
margin: 0;
}
/* /*
* BUTTONS * BUTTONS
*/ */
@ -527,11 +540,8 @@
* HTML * HTML
*/ */
/* Push bottom nav bar to bottom of screen on larger displays */ html {
@media only screen and (min-width: 600px) { height: 100%;
html {
height: 100%;
}
} }
/* /*
@ -739,6 +749,14 @@
grid-row: 2; grid-row: 2;
} }
/*
* MAIN
*/
main {
flex: 1 0 auto;
}
/* /*
* METERS * METERS
*/ */
@ -842,6 +860,15 @@ meter::-moz-meter-bar {
list-style-type: none; list-style-type: none;
} }
/*
* PARAGRAPHS
*/
p {
font-family: var(--sans-serif);
overflow-wrap: anywhere;
}
/* /*
* SWITCHES / SLIDERS * SWITCHES / SLIDERS
*/ */
@ -930,13 +957,3 @@ input:checked + .slider:before {
font-family: var(--sans-serif); font-family: var(--sans-serif);
max-width: var(--max-width-6); max-width: var(--max-width-6);
} }
/*
* PARAGRAPHS
*/
p {
font-family: var(--sans-serif);
overflow-wrap: anywhere;
}

2
peach-web/templates/base.html.tera
View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="/css/peachcloud.css"> <link rel="stylesheet" href="/css/peachcloud.css">
<style>@import url("/css/_variables.css");</style> <style>@import url("/css/_variables.css");</style>
</head> </head>
<body style="background-color: var(--moon-gray);"> <body>
{% block nav %}{% endblock nav %} {% block nav %}{% endblock nav %}
</body> </body>
<script type="text/javascript" src="/js/common.js"></script> <script type="text/javascript" src="/js/common.js"></script>