SavioCarvalhoMoraes/desafio-react-e-typescript-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(footer): Adicionado o estilo da letra do footer

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2023-01-19 20:17:46 -03:00
parent a31637aafd
commit 11c5d90f9f
4 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/AccordionBody/AccordionBody.tsx
View File

@ -9,11 +9,11 @@ const AccordionBody = () => {
<Tab.Container id="list-group-tabs" defaultActiveKey="#link1">
<Row>
<Col sm={4}>
<ListGroup>
<ListGroup.Item className={styles["acc-item"]} action href="#link1">
<ListGroup className="accList">
<ListGroup.Item variant="dark" action href="#link1">
Sobre
</ListGroup.Item>
<ListGroup.Item action href="#link2">
<ListGroup.Item variant="dark" action href="#link2">
Contato
</ListGroup.Item>
</ListGroup>

9
src/components/AccordionBody/accordionBody.module.scss
View File

@ -7,12 +7,3 @@
display: flex;
flex-direction: row;
}
.accordion-header {
}
/*
.list-group-tabs.active {
background-color: red;
}*/
.acc-item .active {
background-color: red;
}

1
src/styles/main.scss
View File

@ -9,5 +9,6 @@
@import "partials/bottom_header.scss";
@import "partials/body.scss";
@import "partials/top_footer.scss";
@import "partials/accordionBody.scss";
@import "partials/footer.scss";
@import "partials/bottom_footer.scss";

15
src/styles/partials/accordionBody.scss Normal file
View File

@ -0,0 +1,15 @@
.accList {
a {
background-color: white;
border-radius: 0;
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
@media screen and (min-width: 2500px) {
font-size: 32px;
line-height: 38px;
}
}
}