Gitiles
Code Review Sign In
git.clicks.codes / Clicks / Forks / ERPNext / 1873c389e5eaadc11365b1adcdab664c75478662 / . / erpnext / public / css / pos.css
blob: 47f577131affc01295bd04cc735076b5709f8bda [file] [log] [blame]
Saqiba6f98d42020-07-23 18:51:26 +0530[diff] [blame]1[data-route="point-of-sale"] .layout-main-section { border: none; font-size: 12px; }
2[data-route="point-of-sale"] .layout-main-section-wrapper { margin-bottom: 0; }
3[data-route="point-of-sale"] .pos-items-wrapper { max-height: calc(100vh - 210px); }
4:root { --border-color: #d1d8dd; --text-color: #8d99a6; --primary: #5e64ff; }
5[data-route="point-of-sale"] .flex { display: flex; }
6[data-route="point-of-sale"] .grid { display: grid; }
7[data-route="point-of-sale"] .absolute { position: absolute; }
8[data-route="point-of-sale"] .relative { position: relative; }
9[data-route="point-of-sale"] .abs-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
10[data-route="point-of-sale"] .inline { display: inline; }
11[data-route="point-of-sale"] .float-right { float: right; }
12[data-route="point-of-sale"] .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
13[data-route="point-of-sale"] .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
14[data-route="point-of-sale"] .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
15[data-route="point-of-sale"] .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
16[data-route="point-of-sale"] .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
17[data-route="point-of-sale"] .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
18[data-route="point-of-sale"] .gap-2 { grid-gap: 0.5rem; gap: 0.5rem; }
19[data-route="point-of-sale"] .gap-4 { grid-gap: 1rem; gap: 1rem; }
20[data-route="point-of-sale"] .gap-6 { grid-gap: 1.25rem; gap: 1.25rem; }
21[data-route="point-of-sale"] .gap-8 { grid-gap: 1.5rem; gap: 1.5rem; }
22[data-route="point-of-sale"] .row-gap-2 { grid-row-gap: 0.5rem; row-gap: 0.5rem; }
23[data-route="point-of-sale"] .col-gap-4 { grid-column-gap: 1rem; column-gap: 1rem; }
24[data-route="point-of-sale"] .col-span-2 { grid-column: span 2 / span 2; }
25[data-route="point-of-sale"] .col-span-3 { grid-column: span 3 / span 3; }
26[data-route="point-of-sale"] .col-span-4 { grid-column: span 4 / span 4; }
27[data-route="point-of-sale"] .col-span-6 { grid-column: span 6 / span 6; }
28[data-route="point-of-sale"] .col-span-10 { grid-column: span 10 / span 10; }
29[data-route="point-of-sale"] .row-span-2 { grid-row: span 2 / span 2; }
30[data-route="point-of-sale"] .grid-auto-row { grid-auto-rows: 5.5rem; }
31[data-route="point-of-sale"] .d-none { display: none; }
32[data-route="point-of-sale"] .flex-wrap { flex-wrap: wrap; }
33[data-route="point-of-sale"] .flex-row { flex-direction: row; }
34[data-route="point-of-sale"] .flex-col { flex-direction: column; }
35[data-route="point-of-sale"] .flex-row-rev { flex-direction: row-reverse; }
36[data-route="point-of-sale"] .flex-col-rev { flex-direction: column-reverse; }
37[data-route="point-of-sale"] .flex-1 { flex: 1 1 0%; }
38[data-route="point-of-sale"] .items-center { align-items: center; }
39[data-route="point-of-sale"] .items-end { align-items: flex-end; }
40[data-route="point-of-sale"] .f-grow-1 { flex-grow: 1; }
41[data-route="point-of-sale"] .f-grow-2 { flex-grow: 2; }
42[data-route="point-of-sale"] .f-grow-3 { flex-grow: 3; }
43[data-route="point-of-sale"] .f-grow-4 { flex-grow: 4; }
44[data-route="point-of-sale"] .f-shrink-0 { flex-shrink: 0; }
45[data-route="point-of-sale"] .f-shrink-1 { flex-shrink: 1; }
46[data-route="point-of-sale"] .f-shrink-2 { flex-shrink: 2; }
47[data-route="point-of-sale"] .f-shrink-3 { flex-shrink: 3; }
48[data-route="point-of-sale"] .shadow { box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
49[data-route="point-of-sale"] .shadow-sm { box-shadow: 0 0.5px 3px 0 rgba(0, 0, 0, 0.125); }
50[data-route="point-of-sale"] .shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
51[data-route="point-of-sale"] .rounded { border-radius: 0.3rem; }
52[data-route="point-of-sale"] .rounded-b { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
53[data-route="point-of-sale"] .p-8 { padding: 2rem; }
54[data-route="point-of-sale"] .p-16 { padding: 4rem; }
55[data-route="point-of-sale"] .p-32 { padding: 8rem; }
56[data-route="point-of-sale"] .p-6 { padding: 1.5rem; }
57[data-route="point-of-sale"] .p-4 { padding: 1rem; }
58[data-route="point-of-sale"] .p-3 { padding: 0.75rem; }
59[data-route="point-of-sale"] .p-2 { padding: 0.5rem; }
60[data-route="point-of-sale"] .m-8 { margin: 2rem; }
61[data-route="point-of-sale"] .p-1 { padding: 0.25rem; }
62[data-route="point-of-sale"] .pr-0 { padding-right: 0rem; }
63[data-route="point-of-sale"] .pl-0 { padding-left: 0rem; }
64[data-route="point-of-sale"] .pt-0 { padding-top: 0rem; }
65[data-route="point-of-sale"] .pb-0 { padding-bottom: 0rem; }
66[data-route="point-of-sale"] .mr-0 { margin-right: 0rem; }
67[data-route="point-of-sale"] .ml-0 { margin-left: 0rem; }
68[data-route="point-of-sale"] .mt-0 { margin-top: 0rem; }
69[data-route="point-of-sale"] .mb-0 { margin-bottom: 0rem; }
70[data-route="point-of-sale"] .pr-2 { padding-right: 0.5rem; }
71[data-route="point-of-sale"] .pl-2 { padding-left: 0.5rem; }
72[data-route="point-of-sale"] .pt-2 { padding-top: 0.5rem; }
73[data-route="point-of-sale"] .pb-2 { padding-bottom: 0.5rem; }
74[data-route="point-of-sale"] .pr-3 { padding-right: 0.75rem; }
75[data-route="point-of-sale"] .pl-3 { padding-left: 0.75rem; }
76[data-route="point-of-sale"] .pt-3 { padding-top: 0.75rem; }
77[data-route="point-of-sale"] .pb-3 { padding-bottom: 0.75rem; }
78[data-route="point-of-sale"] .pr-4 { padding-right: 1rem; }
79[data-route="point-of-sale"] .pl-4 { padding-left: 1rem; }
80[data-route="point-of-sale"] .pt-4 { padding-top: 1rem; }
81[data-route="point-of-sale"] .pb-4 { padding-bottom: 1rem; }
82[data-route="point-of-sale"] .mr-4 { margin-right: 1rem; }
83[data-route="point-of-sale"] .ml-4 { margin-left: 1rem; }
84[data-route="point-of-sale"] .mt-4 { margin-top: 1rem; }
85[data-route="point-of-sale"] .mb-4 { margin-bottom: 1rem; }
86[data-route="point-of-sale"] .mr-2 { margin-right: 0.5rem; }
87[data-route="point-of-sale"] .ml-2 { margin-left: 0.5rem; }
88[data-route="point-of-sale"] .mt-2 { margin-top: 0.5rem; }
89[data-route="point-of-sale"] .mb-2 { margin-bottom: 0.5rem; }
90[data-route="point-of-sale"] .mr-1 { margin-right: 0.25rem; }
91[data-route="point-of-sale"] .ml-1 { margin-left: 0.25rem; }
92[data-route="point-of-sale"] .mt-1 { margin-top: 0.25rem; }
93[data-route="point-of-sale"] .mb-1 { margin-bottom: 0.25rem; }
94[data-route="point-of-sale"] .mr-auto { margin-right: auto; }
95[data-route="point-of-sale"] .ml-auto { margin-left: auto; }
96[data-route="point-of-sale"] .mt-auto { margin-top: auto; }
97[data-route="point-of-sale"] .mb-auto { margin-bottom: auto; }
98[data-route="point-of-sale"] .pr-6 { padding-right: 1.5rem; }
99[data-route="point-of-sale"] .pl-6 { padding-left: 1.5rem; }
100[data-route="point-of-sale"] .pt-6 { padding-top: 1.5rem; }
101[data-route="point-of-sale"] .pb-6 { padding-bottom: 1.5rem; }
102[data-route="point-of-sale"] .mr-6 { margin-right: 1.5rem; }
103[data-route="point-of-sale"] .ml-6 { margin-left: 1.5rem; }
104[data-route="point-of-sale"] .mt-6 { margin-top: 1.5rem; }
105[data-route="point-of-sale"] .mb-6 { margin-bottom: 1.5rem; }
106[data-route="point-of-sale"] .mr-8 { margin-right: 2rem; }
107[data-route="point-of-sale"] .ml-8 { margin-left: 2rem; }
108[data-route="point-of-sale"] .mt-8 { margin-top: 2rem; }
109[data-route="point-of-sale"] .mb-8 { margin-bottom: 2rem; }
110[data-route="point-of-sale"] .pr-8 { padding-right: 2rem; }
111[data-route="point-of-sale"] .pl-8 { padding-left: 2rem; }
112[data-route="point-of-sale"] .pt-8 { padding-top: 2rem; }
113[data-route="point-of-sale"] .pb-8 { padding-bottom: 2rem; }
114[data-route="point-of-sale"] .pr-16 { padding-right: 4rem; }
115[data-route="point-of-sale"] .pl-16 { padding-left: 4rem; }
116[data-route="point-of-sale"] .pt-16 { padding-top: 4rem; }
117[data-route="point-of-sale"] .pb-16 { padding-bottom: 4rem; }
118[data-route="point-of-sale"] .w-full { width: 100%; }
119[data-route="point-of-sale"] .h-full { height: 100%; }
120[data-route="point-of-sale"] .w-quarter { width: 25%; }
121[data-route="point-of-sale"] .w-half { width: 50%; }
122[data-route="point-of-sale"] .w-66 { width: 66.66%; }
123[data-route="point-of-sale"] .w-33 { width: 33.33%; }
124[data-route="point-of-sale"] .w-60 { width: 60%; }
125[data-route="point-of-sale"] .w-40 { width: 40%; }
126[data-route="point-of-sale"] .w-fit { width: fit-content; }
127[data-route="point-of-sale"] .w-6 { width: 2rem; }
128[data-route="point-of-sale"] .h-6 { min-height: 2rem; height: 2rem; }
129[data-route="point-of-sale"] .w-8 { width: 2.5rem; }
130[data-route="point-of-sale"] .h-8 { min-height: 2.5rem; height: 2.5rem; }
131[data-route="point-of-sale"] .w-10 { width: 3rem; }
132[data-route="point-of-sale"] .h-10 { min-height:3rem; height: 3rem; }
133[data-route="point-of-sale"] .h-12 { min-height: 3.3rem; height: 3.3rem; }
134[data-route="point-of-sale"] .w-12 { width: 3.3rem; }
135[data-route="point-of-sale"] .h-14 { min-height: 4.2rem; height: 4.2rem; }
136[data-route="point-of-sale"] .h-16 { min-height: 4.6rem; height: 4.6rem; }
137[data-route="point-of-sale"] .h-18 { min-height: 5rem; height: 5rem; }
138[data-route="point-of-sale"] .w-18 { width: 5.4rem; }
139[data-route="point-of-sale"] .w-24 { width: 7.2rem; }
140[data-route="point-of-sale"] .w-26 { width: 8.4rem; }
141[data-route="point-of-sale"] .h-24 { min-height: 7.2rem; height: 7.2rem; }
142[data-route="point-of-sale"] .h-32 { min-height: 9.6rem; height: 9.6rem; }
143[data-route="point-of-sale"] .w-46 { width: 15rem; }
144[data-route="point-of-sale"] .h-46 { min-height:15rem; height: 15rem; }
145[data-route="point-of-sale"] .h-100 { height: 100vh; }
146[data-route="point-of-sale"] .mx-h-70 { max-height: 67rem; }
147[data-route="point-of-sale"] .border-grey-300 { border-color: #e2e8f0; }
148[data-route="point-of-sale"] .border-grey { border: 1px solid #d1d8dd; }
149[data-route="point-of-sale"] .border-white { border: 1px solid #fff; }
150[data-route="point-of-sale"] .border-b-grey { border-bottom: 1px solid #d1d8dd; }
151[data-route="point-of-sale"] .border-t-grey { border-top: 1px solid #d1d8dd; }
152[data-route="point-of-sale"] .border-r-grey { border-right: 1px solid #d1d8dd; }
153[data-route="point-of-sale"] .text-dark-grey { color: #5f5f5f; }
154[data-route="point-of-sale"] .text-grey { color: #8d99a6; }
155[data-route="point-of-sale"] .text-grey-100 { color: #d1d8dd; }
156[data-route="point-of-sale"] .text-grey-200 { color: #a0aec0; }
157[data-route="point-of-sale"] .bg-green-200 { background-color: #c6f6d5; }
158[data-route="point-of-sale"] .text-bold { font-weight: bold; }
159[data-route="point-of-sale"] .italic { font-style: italic; }
160[data-route="point-of-sale"] .font-weight-450 { font-weight: 450; }
161[data-route="point-of-sale"] .justify-around { justify-content: space-around; }
162[data-route="point-of-sale"] .justify-between { justify-content: space-between; }
163[data-route="point-of-sale"] .justify-center { justify-content: center; }
164[data-route="point-of-sale"] .justify-end { justify-content: flex-end; }
165[data-route="point-of-sale"] .bg-white { background-color: white; }
166[data-route="point-of-sale"] .bg-light-grey { background-color: #f0f4f7; }
167[data-route="point-of-sale"] .bg-grey-100 { background-color: #f7fafc; }
168[data-route="point-of-sale"] .bg-grey-200 { background-color: #edf2f7; }
169[data-route="point-of-sale"] .bg-grey { background-color: #f4f5f6; }
170[data-route="point-of-sale"] .text-center { text-align: center; }
171[data-route="point-of-sale"] .text-right { text-align: right; }
172[data-route="point-of-sale"] .text-sm { font-size: 1rem; }
173[data-route="point-of-sale"] .text-md-0 { font-size: 1.25rem; }
174[data-route="point-of-sale"] .text-md { font-size: 1.4rem; }
175[data-route="point-of-sale"] .text-lg { font-size: 1.6rem; }
176[data-route="point-of-sale"] .text-xl { font-size: 2.2rem; }
177[data-route="point-of-sale"] .text-2xl { font-size: 2.8rem; }
178[data-route="point-of-sale"] .text-2-5xl { font-size: 3rem; }
179[data-route="point-of-sale"] .text-3xl { font-size: 3.8rem; }
180[data-route="point-of-sale"] .text-6xl { font-size: 4.8rem; }
181[data-route="point-of-sale"] .line-through { text-decoration: line-through; }
182[data-route="point-of-sale"] .text-primary { color: #5e64ff; }
183[data-route="point-of-sale"] .text-white { color: #fff; }
184[data-route="point-of-sale"] .text-green-500 { color: #48bb78; }
185[data-route="point-of-sale"] .bg-primary { background-color: #5e64ff; }
186[data-route="point-of-sale"] .border-primary { border-color: #5e64ff; }
187[data-route="point-of-sale"] .text-danger { color: #e53e3e; }
188[data-route="point-of-sale"] .scroll-x { overflow-x: scroll;overflow-y: hidden; }
189[data-route="point-of-sale"] .scroll-y { overflow-y: scroll;overflow-x: hidden; }
190[data-route="point-of-sale"] .overflow-hidden { overflow: hidden; }
191[data-route="point-of-sale"] .whitespace-nowrap { white-space: nowrap; }
192[data-route="point-of-sale"] .sticky { position: sticky; top: -1px; }
193[data-route="point-of-sale"] .bg-white { background-color: #fff; }
194[data-route="point-of-sale"] .bg-selected { background-color: #fffdf4; }
195[data-route="point-of-sale"] .border-dashed { border-width:1px; border-style: dashed; }
196[data-route="point-of-sale"] .z-100 { z-index: 100; }
197
198[data-route="point-of-sale"] .frappe-control { margin: 0 !important; width: 100%; }
199[data-route="point-of-sale"] .form-control { font-size: 12px; }
200[data-route="point-of-sale"] .form-group { margin: 0 !important; }
201[data-route="point-of-sale"] .pointer { cursor: pointer; }
202[data-route="point-of-sale"] .no-select { user-select: none; }
203[data-route="point-of-sale"] .item-wrapper:hover { transform: scale(1.02, 1.02); }
204[data-route="point-of-sale"] .hover-underline:hover { text-decoration: underline; }
205[data-route="point-of-sale"] .item-wrapper { transition: scale 0.2s ease-in-out; }
206[data-route="point-of-sale"] .cart-items-section .cart-item-wrapper:not(:first-child) { border-top: none; }
207[data-route="point-of-sale"] .customer-transactions .invoice-wrapper:not(:first-child) { border-top: none; }
208
209[data-route="point-of-sale"] .payment-summary-wrapper:last-child { border-bottom: none; }
210[data-route="point-of-sale"] .item-summary-wrapper:last-child { border-bottom: none; }
211[data-route="point-of-sale"] .total-summary-wrapper:last-child { border-bottom: none; }
212[data-route="point-of-sale"] .invoices-container .invoice-wrapper:last-child { border-bottom: none; }
Saqib60212ff2020-10-26 11:17:04 +0530[diff] [blame]213[data-route="point-of-sale"] .new-btn { background-color: #5e64ff; color: white; border: none;}
Saqiba6f98d42020-07-23 18:51:26 +0530[diff] [blame]214[data-route="point-of-sale"] .summary-btns:last-child { margin-right: 0px; }
215[data-route="point-of-sale"] ::-webkit-scrollbar { width: 1px }
216
217[data-route="point-of-sale"] .indicator.grey::before { background-color: #8d99a6; }