refactor: Séparation du style du footer

This commit is contained in:
Simon 2021-06-11 23:28:45 +02:00
parent 718a474a13
commit 6499419555
2 changed files with 53 additions and 53 deletions

52
assets/styles/footer.sass Normal file
View File

@ -0,0 +1,52 @@
.footer
background: $vert
color: white
padding: 2rem 0
.icons
height: 30px
width: 30px
margin: 1rem 0 .5rem .5rem
a
color: white
display: inline-block
.container
display: flex
@media screen and (max-width: $size-md)
flex-wrap: wrap
justify-content: center
@media screen and (max-width: $size-sm)
flex-direction: column
.address
text-align: right
.logo
width: 20%
@media screen and (max-width: $size-md)
order: -1
width: 100%
img
margin: 0 auto 1rem
.horaire,
.address
width: 40%
padding: 1rem
@media screen and (max-width: $size-sm)
width: 100%
text-align: center
padding: 1rem 0 0
.ccpu
margin: 0 auto
h3
font-size: 1.3rem
margin: 0 0 .7rem
font-weight: bold
p
margin: 0
line-height: 1.1rem

View File

@ -13,6 +13,7 @@ $size-xl: 1280px
@import "./reset" @import "./reset"
@import "./fonts" @import "./fonts"
@import "./header" @import "./header"
@import "./footer"
@import "./posts" @import "./posts"
@import "./print" @import "./print"
@ -151,59 +152,6 @@ hr
a a
color: white color: white
.footer
background: $vert
color: white
padding: 2rem 0
.icons
height: 30px
width: 30px
margin: 1rem 0 .5rem .5rem
a
color: white
display: inline-block
.container
display: flex
@media screen and (max-width: $size-md)
flex-wrap: wrap
justify-content: center
@media screen and (max-width: $size-sm)
flex-direction: column
.address
text-align: right
.logo
width: 20%
@media screen and (max-width: $size-md)
order: -1
width: 100%
img
margin: 0 auto 1rem
.horaire,
.address
width: 40%
padding: 1rem
@media screen and (max-width: $size-sm)
width: 100%
text-align: center
padding: 1rem 0 0
.ccpu
margin: 0 auto
h3
font-size: 1.3rem
margin: 0 0 .7rem
font-weight: bold
p
margin: 0
line-height: 1.1rem
#content .commissions #content .commissions
h3, h4 h3, h4
color: $vert color: $vert