Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
.calculator {
background-color: var(#142952);
border: 2px solid var(#f0f0f0);
border-radius: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.calculator-row {
display: flex;
flex-wrap: wrap;
}
.calculator-col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
.calculator-col-half {
flex: 0 0 50%;
max-width: 50%;
padding-top: 5px;
padding-bottom: 5px;
}
.calculator-element {
width: 90%;
margin: auto;
}
.calculator-element label, .calculator-element input {
display: block;
color: var(#f0f0f0);
width: 100%;
}
.calculator-element input {
background-color: transparent;
outline: none;
border: none;
border-bottom: 1px solid var(#3e2e71);
}
/* Not sure about the color palette, replace it or write to the guy who responsible for it */