Repository: R3-b0ot/Calculator
Branch: main
Commit: 67ea40664c20
Files: 5
Total size: 3.9 KB
Directory structure:
gitextract__rsimi69/
├── .gitattributes
├── README.md
├── css/
│ └── styles.css
├── index.html
└── js/
└── script.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitattributes
================================================
# Auto detect text files and perform LF normalization
* text=auto
================================================
FILE: README.md
================================================
# Calculator
================================================
FILE: css/styles.css
================================================
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
:root {
--first-hue: 250;
--sat: 66%;
--lig: 75%;
--first-color: hsl(var(--first-hue), var(--sat), var(--lig));
}
.calculator {
padding: 10px;
border-radius: 1em;
height: 380px;
width: 400px;
margin: auto;
background-color: #191b28;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.display-box {
font-family: 'Orbitron', sans-serif;
background-color: #dcdbe1;
border: solid black 0.5px;
color: black;
border-radius: 5px;
width: 100%;
height: 65%;
}
.button {
font-family: 'Orbitron', sans-serif;
background-color: var(--first-color);
color: white;
border: solid black 0.5px;
width: 100%;
border-radius: 5px;
height: 70%;
outline: none;
}
.button:active {
background: #e5e5e5;
-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
-moz-box-shadow: inset 0px 0px 5px #c1c1c1;
box-shadow: inset 0px 0px 5px #c1c1c1;
}
@media screen and (max-width: 320px) {}
================================================
FILE: index.html
================================================
Calculator