mirror of
https://gitea.smigz.com/smiggiddy/odin-codeprojects.git
synced 2024-12-26 14:20:43 -05:00
Smig
50b50915de
* feat: navbar and main components added * feat: add shopping cart * added cart and store components * basic functionality complete * fix: effect * adding more logic and components * basic features * reorg tree and add summary * feat: new stuff * styling: more stuff * changes * as good as itll get * added public --------- Co-authored-by: mike <mike@windows>
1 line
3.5 KiB
CSS
1 line
3.5 KiB
CSS
:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;font-size:18px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.roboto-condensed-fnt{font-family:Roboto Condensed,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}#root{margin:0 auto;padding:0;width:100%}._container_xopze_1{display:flex;justify-content:space-between;padding:0 1rem}._nav_xopze_8{display:flex;list-style-type:none;gap:20px;padding-right:1rem;margin-left:auto;align-self:center}._link_xopze_19{text-decoration:none;font-size:1.5rem;color:#0e374e}._nav-heading_xopze_25{color:#0e374e}._cart-icon-container_xopze_29{position:relative}._cart-icon-circle_xopze_33{background:#85d5f4;border-radius:50%;height:20px;width:20px;position:absolute;top:7px;left:10px;opacity:60%}._btn_1oi8g_1{padding:1rem;margin:1rem;font-size:1rem;border-radius:.5rem;border:none;cursor:pointer}._action_1oi8g_10{color:red}._container_wwoz3_1{display:flex;justify-content:space-between}._empty-cart_wwoz3_6{width:100%;display:flex;justify-content:center;align-items:flex-start;margin-top:.5rem}._summary_wwoz3_14{margin-right:3rem;padding:1rem;display:inline-block;min-width:250px}._fullwidth_wwoz3_21{width:100%}._card_wwoz3_25{display:flex;flex-direction:column;margin:0 2rem;justify-content:center;align-items:center}._cartItems_wwoz3_33{display:flex;flex-direction:column;gap:2.5rem;align-items:space-between;justify-content:space-between;align-content:flex-start}._cartItem_wwoz3_33{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;padding:2rem 0;position:relative}._cartItem_wwoz3_33:after{content:"";position:absolute;border-bottom:solid black;margin:auto;left:0;bottom:0;right:0;height:1px;width:50%;border-bottom:1px solid black}._price-qty_wwoz3_63{display:flex;gap:30px;justify-content:center}._price-qty_wwoz3_63 p{margin:0}._qtybtn_wwoz3_73{display:flex}._qtyp_wwoz3_77{font-size:1.3rem;padding:.5rem;margin:.5rem}#_img_wwoz3_1{max-width:100%;max-height:300px;object-fit:contain;border-radius:2rem;align-self:center}._header_wwoz3_91{margin:1rem}._input_wwoz3_95{max-width:30px}main{padding:0 1rem}._container_exc1g_5{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}._mainHeading_exc1g_13{font-size:4rem;margin:0}._sub-heading_exc1g_18{font-size:1.5rem}._heading-color_exc1g_22{color:#0e6c96}._hero-img_exc1g_26{margin-top:100px;width:100%;max-height:800px;vertical-align:middle;object-fit:contain;float:left}._img_1sizt_1{width:100%;max-height:300px;vertical-align:middle;object-fit:contain;float:left}._container_1lsd1_1{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;align-items:stretch;text-align:center}._card_1lsd1_9{display:flex;flex-direction:column;max-width:20%;justify-content:end;padding:1.5rem;margin:1.5rem;border-radius:1rem}._link_1lsd1_20{text-decoration:none;color:#0e374e;font-weight:600;transition:font-weight .5s}._link_1lsd1_20:hover{font-weight:900}._container_1wfgo_1{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;align-items:stretch}._card_1wfgo_8{display:flex;flex-direction:column;max-width:350px;justify-content:end;padding:1.5rem;margin:1.5rem;background:#e2f3fc;border-radius:1rem;text-align:center}._link_1wfgo_20{text-decoration:none;color:#0e374e;font-weight:600;transition:font-weight .5s}._link_1wfgo_20:hover{font-weight:900}
|