ThiagoDutraSampaioLeite/practice-time-shopping-list
1
0
Fork 0
forked from M3-Academy/practice-time-shopping-list
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Feita corrrecao das variaveis

Browse Source
This commit is contained in:
ThiagoDuutra 2022-11-08 14:13:44 -03:00
parent 0ad9379b7a
commit 400b308a1d
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -20,10 +20,12 @@
<input id="item-name" class="shopping-form-item-input" name="item-name" type="text" /> <input id="item-name" class="shopping-form-item-input" name="item-name" type="text" />
</div> </div>
<div class="shopping-form-quantity-wrapper"> <div class="shopping-form-quantity-wrapper">
<button class="shopping-form-quantity-button shopping-form-decrement" type="button"></button> <button class="shopping-form-quantity-button shopping-form-decrement-button"
type="button"></button>
<input class="shopping-form-quantity-input" name="item-quantity" type="text" value="1" <input class="shopping-form-quantity-input" name="item-quantity" type="text" value="1"
disabled /> disabled />
<button class="shopping-form-quantity-button shopping-form-increment" type="button"></button> <button class="shopping-form-quantity-button shopping-form-increment-button"
type="button"></button>
</div> </div>
</div> </div>
<button class="shopping-form-submit-button" type="submit">Add to List</button> <button class="shopping-form-submit-button" type="submit">Add to List</button>

4
style/form.css
View File

@ -58,7 +58,7 @@
} }
.shopping-form-quantity-button::before, .shopping-form-quantity-button::before,
.shopping-form-increment::after { .shopping-form-increment-button::after {
content: ""; content: "";
position: absolute; position: absolute;
width: 16px; width: 16px;
@ -67,7 +67,7 @@
background: var(--white); background: var(--white);
} }
.shopping-form-increment::after { .shopping-form-increment-button::after {
transform: rotate(90deg); transform: rotate(90deg);
} }