/* * OpenBills - Self hosted browser app to generate and keep track of simple invoices * Version - 0 * Licensed under the MIT license - https://opensource.org/licenses/MIT * * Copyright (c) 2021 Vidhu Kant Sharma */ @import "../../styles/theme"; /* hide arrows in numericInputs */ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } @mixin formPane { padding: 1.5rem; box-sizing: border-box; border: 1px solid pink; display: flex; flex-direction: column; justify-content: space-around; } @mixin formWideLabel { display: flex; justify-content: space-between; border-bottom: 1px dotted $labelUnderlineColor; padding: 0.8rem 0; font-size: 1.5rem; } input { box-sizing: border-box; } .formContainer { padding: 1rem 0; width: 100%; } .threePaneForm { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; height: 22rem; width: 100%; } .threePaneForm div { @include formPane(); } .threePaneForm .widePane { width: 27rem; } .threePaneForm .smallPane { width: 15rem; } .threePaneForm label { @include formWideLabel(); } .wideInputBox, .selectInputBox { width: 12rem; } .smallInputBox { width: 6.5rem; }