Header e Footer Prontos apenas para mobile.

This commit is contained in:
JOÃO VITOR LIBERATO DE OLIVEIRA 2022-10-08 19:51:36 -03:00
parent ba35c7f392
commit 53e510f25c
4 changed files with 112 additions and 0 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 19 KiB

46
assets/sass/global.css Normal file
View File

@ -0,0 +1,46 @@
* {
font-family: "Inter", sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body header {
width: 100%;
height: 100px;
max-height: 101px;
background-color: #000000;
display: flex;
justify-content: center;
align-items: center;
}
body header .logo img {
width: 227px;
height: 43px;
}
body footer {
margin-top: 50px;
width: 100%;
height: 128px;
background-color: #000000;
padding: 38px 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
body footer .Icons-RedesSocias img {
width: 24px;
height: 25px;
margin: 0 8px;
}
body footer p {
margin-top: 17px;
width: 300px;
font-weight: 400;
font-size: 11px;
line-height: 12px;
color: #BDBDBD;
text-transform: uppercase;
}/*# sourceMappingURL=global.css.map */

View File

@ -0,0 +1 @@
{"version":3,"sources":["global.scss","global.css"],"names":[],"mappings":"AAAA;EACE,gCAAA;EACA,SAAA;EACA,UAAA;EACA,sBAAA;ACCF;;ADGE;EACE,WAAA;EACA,aAAA;EACA,iBAAA;EACA,yBAAA;EAEA,aAAA;EACA,uBAAA;EACA,mBAAA;ACDJ;ADGI;EACE,YAAA;EACA,YAAA;ACDN;ADKE;EACE,gBAAA;EACA,WAAA;EACA,aAAA;EACA,yBAAA;EACA,iBAAA;EAEA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;ACJJ;ADOM;EACE,WAAA;EACA,YAAA;EACA,aAAA;ACLR;ADSI;EACE,gBAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,yBAAA;ACPN","file":"global.css"}

56
assets/sass/global.scss Normal file
View File

@ -0,0 +1,56 @@
* {
font-family: 'Inter', sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
header {
width: 100%;
height: 100px;
max-height: 101px;
background-color: #000000;
display: flex;
justify-content: center;
align-items: center;
.logo img {
width: 227px;
height: 43px;
}
}
footer {
margin-top: 50px;
width: 100%;
height: 128px;
background-color: #000000;
padding: 38px 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
.Icons-RedesSocias {
img {
width: 24px;
height: 25px;
margin: 0 8px;
}
}
p {
margin-top: 17px;
width: 300px;
font-weight: 400;
font-size: 11px;
line-height: 12px;
color: #BDBDBD;
text-transform: uppercase;
}
}
}