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

Add styles

Browse source
This commit is contained in:
lolabird 2023-12-27 03:32:24 -07:00
commit b55e3865b8
1 changed files with 23 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

26
style.css
View file

@ -26,8 +26,9 @@ main {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto; grid-template-rows: auto;
grid-gap: 5px; grid-gap: 5px;
background: purple; background: #594859;
padding: 10px; padding: 10px;
box-shadow: 1px 2px 10px 1px #222;
} }
.screen { .screen {
@ -42,12 +43,31 @@ main {
button { button {
height: 100px; height: 100px;
width: 100px; width: 100px;
font-size: 50px font-size: 50px;
border: 1px solid ;
box-shadow: 1px 2px 10px 1px #222;
} }
.clear, .back { button:hover {
filter: brightness(.9);
}
.num {
background: #d9e1f2;
}
.clear {
grid-column: span 2; grid-column: span 2;
width: 205px; width: 205px;
background: #f98383;
}
.operator {
background: #ffff69;
}
.equal {
background: #79ff54;
} }
footer { footer {