Octavia/odin-etch-a-sketch
Watch
1
0
Fork
You've already forked odin-etch-a-sketch
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add styles

Browse source
This commit is contained in:
lolabird 2023-11-11 23:15:42 -07:00
commit 2c7f9f64db
2 changed files with 39 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

32
style.css
View file

@ -1,18 +1,46 @@
html {
height: 100%;
}
body{
background-image: linear-gradient(160deg, #a50071, #4b588c, #5fa66a, #017070);
background-attachment: fixed;
color: #eee;
text-align: center;
font-family: "Andale Mono", monospace;
display: flex;
flex-direction: column;
height: 100vh;
margin: 0;
}
.area{
header {
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
background: #111;
opacity: .8;
width: 100%;
flex: 0 0 auto;
}
main {
display: flex;
justify-content: center;
align-items: center;
height: 90vh;
flex-wrap: wrap;
flex: 1;
}
footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #111;
opacity: .8;
flex: 0 0 auto;
}
.pen-input, .grid-input {