ui sizing MTG

This commit is contained in:
chris 2022-09-22 11:46:35 -04:00
parent 75277ec7ff
commit 18989cc662

View File

@ -39,7 +39,7 @@ main {
} }
.name { .name {
font-size: 4vw; font-size: 3vh;
display: flex; display: flex;
margin: 0 0 10px; margin: 0 0 10px;
padding: 10px 0; padding: 10px 0;
@ -95,7 +95,7 @@ main {
/* height:2rem; */ /* height:2rem; */
height: calc(100%-35px); height: calc(100%-35px);
min-width: auto; min-width: auto;
font-size: 7vw; font-size: 4vh;
user-select: none; user-select: none;
/* margin-bottom: -50px; */ /* margin-bottom: -50px; */
@ -121,7 +121,7 @@ main {
.buttons { .buttons {
font-size: 2.95em; font-size: 4vh;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva,
Verdana, sans-serif; Verdana, sans-serif;
@ -162,7 +162,7 @@ color:rgb(141, 140, 140);
} }
#d20 { #d20 {
width: 2.95em; width: 4vh;
} }
#center{ #center{
color: red; color: red;
@ -177,16 +177,16 @@ color:rgb(141, 140, 140);
} }
.lifeUp{ .lifeUp{
font-size: 8vw; font-size: 7vh;
color: #00cc00 color: #00cc00
} }
.lifeDown{ .lifeDown{
font-size: 8vw; font-size: 7vh;
color:#e60000 color:#e60000
} }
.vert{ .vert{
flex-direction: column; flex-direction: column;
font-size: 5rem ; /* font-size: 2rem ; */
} }
.lifeFlex{ .lifeFlex{
@ -211,7 +211,7 @@ color:rgb(141, 140, 140);
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: #792f22; color: #792f22;
font-size: .70em; font-size: 1.5vh;
} }
/* /*