1 line
2.6 KiB
CSS
1 line
2.6 KiB
CSS
.calculatorBox___-2vof .calculator{display:flex;justify-content:center;align-items:center}.calculatorBox___-2vof .calculator .calc-cotnainer{width:350px;max-width:100%;height:auto;background:#fff}.calculatorBox___-2vof .calculator .calc-cotnainer .output{width:100%;background:#345b82;margin-bottom:10px}.calculatorBox___-2vof .calculator .calc-cotnainer .output .operation{width:100%;height:85px;color:rgba(243,237,237,.6980392156862745);font-size:1.3em;font-weight:700;position:relative;overflow:hidden}.calculatorBox___-2vof .calculator .calc-cotnainer .output .operation .value{position:absolute;opacity:.9;bottom:25px;right:15px;white-space:nowrap;overflow:hidden}.calculatorBox___-2vof .calculator .calc-cotnainer .output .result{width:100%;height:100px;color:#f1f1f1;font-size:1.7em;font-weight:700;overflow:hidden;position:relative}.calculatorBox___-2vof .calculator .calc-cotnainer .output .result .value{position:absolute;top:50%;transform:translateY(-50%);right:15px;white-space:nowrap;overflow:hidden}.calculatorBox___-2vof .calculator .calc-cotnainer .input{border-radius:0 0 25px 25px;height:100%;padding:10px}.calculatorBox___-2vof .calculator .calc-cotnainer .input .row{display:flex;justify-content:space-between;align-items:center}.calculatorBox___-2vof .calculator .calc-cotnainer .input .row button{width:42px;height:42px;font-size:1.1em;border:none;outline:none;border-radius:10px 10px;background-color:transparent;margin:5px;cursor:pointer;color:#474141;background-color:rgba(51,77,223,.07450980392156863);transition:all .1s ease-in-out}.calculatorBox___-2vof .calculator .calc-cotnainer .input .row button:hover{font-weight:700}.calculatorBox___-2vof .calculator .calc-cotnainer .input .row button span{font-size:.6em;position:absolute}.calculatorBox___-2vof .calculator .calc-cotnainer .input .row #calculate{color:#fff;background-color:#46e0bc;width:111px;border-radius:50px}.calculatorBox___-2vof .calculator .calc-cotnainer .input .row #delete{color:#fff;background-color:#e05046}.calculatorBox___-2vof .calculator .calc-cotnainer .input .advance-keys button{color:#f38022;font-size:.9rem;font-weight:600;width:45px;height:30px;transition:all .2s ease-in-out}.calculatorBox___-2vof .calculator .calc-cotnainer .input .advance-keys button:hover{font-weight:800}.calculatorBox___-2vof #comma{font-size:1.8em}.calculatorBox___-2vof #addition,.calculatorBox___-2vof #clear,.calculatorBox___-2vof #division,.calculatorBox___-2vof #multiplication,.calculatorBox___-2vof #subtraction{background-color:#fc9507;color:#fff}.calculatorBox___-2vof .active-angle{background-color:rgba(29,29,29,.6980392156862745)!important;color:#fff!important;border-radius:10px!important} |