Closed mariacovasgrilo closed 8 years ago
mariacovasgrilo
commented
9 years ago 
let's give it some more space at the bottom (like at least 200px), because else it feels like I should be scrolling but my browser doesn't let me or something like that.
mariacovasgrilo
commented
9 years ago Also, I think we are going to need a larger checkout button, I struggled to find it and I was the one designing it '--. Once you are done with this spacing situation at the bottom, assign this one to me.
/* "total": */ font-family: Montserrat-Light; font-size: 11px; color: #E53527;
/* CONTINUE SHOPPING and CHECK OUT: */ font-family: Montserrat-Regular; font-size: 13px; color: #E53527; margin top and bottom: 30px;
/* red line: */ border: 1px solid #E53527;
/* Simples Loja: */ font-family: Montserrat-Regular; font-size: 16px; color: #302B2F;
/* ITEM, AMOUNT, ITEM OPTIONS, ITEM PRICE, ORDER OPTION, PRICE, SHIPPING DETAILS, REMOVE, BILLING DETAILS: */ font-family: Montserrat-Light; font-size: 11px; color: #767075; line-height: 25px;
Order options should be vertically aligned with the field "amount".
/* Red Jacket: */ font-family: Montserrat-Light; font-size: 13px; color: #302B2F;
("REMOVE" is aligned with the second line of "item options" (independently of there being one or not)
Spacing between each different item is of 30px (counting from the text, not the image)
/* Size L, Fur Colar, 2,13€, basically all the actual info, including order options: */ font-family: Montserrat-Light; font-size: 13px; color: #767075; line-height: 25px;
/* Grey Line: */ border: 1px solid rgba(165,159,163,0.50); length: 670px; margin-top: 20px; margin-bottom: 30px;
White background: 730px length; margin-right: 30px; padding: 30px; padding-bottom: 60px; margin-bottom: 30px;
Shipping details line: border: 1px solid rgba(165,159,163,0.50); length: 370px;
SHIPPING DETAILS margin left (counting from the left edge of the line): 30px;
PRICE margin left (counting from the end of the text fields' line): 30px;
/* name, e-mail, Telephone, etc: */ font-family: Montserrat-Light; font-size: 13px; color: #A59FA3; margin-bottom (against the text-field line, counting on the down lines of "p" and "g"): 8px; spacing between each text field: 30px; (counting from the line to the upper edge of the next text field)
/* Typing text like "germ": */ font-family: Montserrat-Light; font-size: 13px; color: #201D20;
/* Active text field line: */ background: #E53527; height: 1,5px;
/* Text-line: */ border: 1px solid rgba(165,159,163,0.50); length: 220px;
/* 3€ (same as the rest of the info of the page - like "same as billing details" - , excluding the text fields, but still, just to orient you): */ font-family: Montserrat-Light; font-size: 13px; color: #767075;
The text fields that were already filled in, should present the same typeface layout as the information text: /* mariacovasgrilo@gmail.com: */ font-family: Montserrat-Light; font-size: 13px; color: #767075;