forked from PeachCloud/peach-workspace
update classes and base template
This commit is contained in:
parent
308aaa11f5
commit
b86575e2e4
|
@ -5,6 +5,7 @@
|
|||
*
|
||||
* Index
|
||||
* - ALIGNMENT
|
||||
* - BODY
|
||||
* - BUTTONS
|
||||
* - CARDS
|
||||
* - CAPSULES
|
||||
|
@ -19,11 +20,11 @@
|
|||
* - LABELS
|
||||
* - LINKS
|
||||
* - LISTS
|
||||
* - MAIN
|
||||
* - METERS
|
||||
* - NAVIGATION
|
||||
* - RADIAL MENU
|
||||
* - SWITCHES / SLIDERS
|
||||
* - PARAGRAPHS
|
||||
* - SWITCHES / SLIDERS
|
||||
*
|
||||
\* ------------------------------ */
|
||||
|
||||
|
@ -121,6 +122,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* BODY
|
||||
*/
|
||||
|
||||
body {
|
||||
background-color: var(--moon-gray);
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* BUTTONS
|
||||
*/
|
||||
|
@ -527,12 +540,9 @@
|
|||
* HTML
|
||||
*/
|
||||
|
||||
/* Push bottom nav bar to bottom of screen on larger displays */
|
||||
@media only screen and (min-width: 600px) {
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* FLASH MESSAGE
|
||||
|
@ -739,6 +749,14 @@
|
|||
grid-row: 2;
|
||||
}
|
||||
|
||||
/*
|
||||
* MAIN
|
||||
*/
|
||||
|
||||
main {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* METERS
|
||||
*/
|
||||
|
@ -842,6 +860,15 @@ meter::-moz-meter-bar {
|
|||
list-style-type: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* PARAGRAPHS
|
||||
*/
|
||||
|
||||
p {
|
||||
font-family: var(--sans-serif);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
/*
|
||||
* SWITCHES / SLIDERS
|
||||
*/
|
||||
|
@ -930,13 +957,3 @@ input:checked + .slider:before {
|
|||
font-family: var(--sans-serif);
|
||||
max-width: var(--max-width-6);
|
||||
}
|
||||
|
||||
/*
|
||||
* PARAGRAPHS
|
||||
*/
|
||||
|
||||
p {
|
||||
font-family: var(--sans-serif);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
<link rel="stylesheet" href="/css/peachcloud.css">
|
||||
<style>@import url("/css/_variables.css");</style>
|
||||
</head>
|
||||
<body style="background-color: var(--moon-gray);">
|
||||
<body>
|
||||
{% block nav %}{% endblock nav %}
|
||||
</body>
|
||||
<script type="text/javascript" src="/js/common.js"></script>
|
||||
|
|
Loading…
Reference in New Issue