Grid enlargement
This commit is contained in:
@@ -5,8 +5,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
width: 100%;
|
width: 100vw;
|
||||||
height: 100%;
|
height: 100vh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -48,8 +48,10 @@ main {
|
|||||||
|
|
||||||
.cell {
|
.cell {
|
||||||
border: 1px solid #333333;
|
border: 1px solid #333333;
|
||||||
width: 30px;
|
min-width: 60px;
|
||||||
height: 30px;
|
width: auto;
|
||||||
|
min-height: 60px;
|
||||||
|
height: auto;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -90,15 +92,6 @@ main {
|
|||||||
border-color: #654321;
|
border-color: #654321;
|
||||||
}
|
}
|
||||||
|
|
||||||
.door::after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
width: 60%;
|
|
||||||
height: 60%;
|
|
||||||
border: 2px solid #FFD700;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
background: radial-gradient(circle at 35% 35%, #FF4444 0%, #CC0000 100%);
|
background: radial-gradient(circle at 35% 35%, #FF4444 0%, #CC0000 100%);
|
||||||
border-color: #990000;
|
border-color: #990000;
|
||||||
|
|||||||
Reference in New Issue
Block a user