GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-28 13:51:50 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Kyle
2020-05-24 11:18:46 -07:00
parent af3465df59
commit bc4e9d9553
10 changed files with 266 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
styles.css
View File

@@ -411,23 +411,26 @@ input[type='checkbox'], select, option, input[type='file'], button {
canvas {
width: 100%;
}
footer {
background: var(--background-color-contrast);
color: var(--font-color-contrast);
font: 0.6rem arial;
}
.footer {
padding: 1rem;
background: var(--background-color-contrast);
color: var(--font-color-contrast);
font: 0.6rem arial;
width: 10rem;
padding: 1rem 0;
margin: 0 auto;
display: grid;
grid-template-columns: auto;
grid-row-gap: 1rem;
text-align: center;
grid-gap: 2rem;
}
.footer > div > div:first-child {
margin-bottom: 0.2rem;
}
.footer > div > div:not(:first-child) {
font-weight: bold;
/* font-weight: bold;*/
}
.footer > div > select {
.footer > div > div > select {
width: auto !important;
}
@media screen and (min-width: 909pt) { /*Screen is wide enough to show the card next to the editor menu*/
@@ -454,10 +457,11 @@ canvas {
width: 750px;
}
}
@media screen and (min-width: 450pt) { /*Screen is wide enough for the footer to display horizontally*/
.footer {
padding: 2rem;
grid-template-columns: 1fr 1fr 1fr;
@media screen and (min-width: 30rem) { /*Screen is wide enough for the footer to display horizontally*/
.footer {
width: 30rem;
padding: 2rem 0;
grid-template-columns: repeat(4, 6rem);
}
}
@media screen and (min-width: 392pt) { /*Screen is wide enough for the samples to be a constant size*/
@@ -469,4 +473,4 @@ canvas {
html {
font: 20pt georgia;
}
}
}