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

feat: Adiciona CSS nos itens adicionados na lista

Browse Source
This commit is contained in:
Sabrina Miranda 2022-11-10 01:36:18 -03:00
parent cbb8e32ab6
commit 3b669b21a1
3 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
styles/form.css
View File

@ -1,3 +1,7 @@
.shopping-form {
margin-bottom: 32px;
}
.shopping-form-inputs { .shopping-form-inputs {
display: flex; display: flex;
margin-bottom: 24px; margin-bottom: 24px;

22
styles/items.css Normal file
View File

@ -0,0 +1,22 @@
.shopping-result {
max-width: 416px;
}
.shopping-result-head,
.shopping-item {
display: grid;
grid-template-columns: 3fr 1fr;
padding: 8px 16px;
}
.shopping-result-head {
background: var(--gray-100);
}
.shopping-items {
list-style: none;
}
.shopping-item:nth-child(even) {
background: var(--gray-100);
}

1
styles/main.css
View File

@ -1,6 +1,7 @@
@import "global.css"; @import "global.css";
@import "variables.css"; @import "variables.css";
@import "form.css"; @import "form.css";
@import "items.css";
.shopping-container { .shopping-container {
max-width: 1200px; max-width: 1200px;