refactor: Séparation du style du footer
This commit is contained in:
parent
718a474a13
commit
6499419555
|
@ -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
|
|
@ -13,6 +13,7 @@ $size-xl: 1280px
|
|||
@import "./reset"
|
||||
@import "./fonts"
|
||||
@import "./header"
|
||||
@import "./footer"
|
||||
@import "./posts"
|
||||
@import "./print"
|
||||
|
||||
|
@ -151,59 +152,6 @@ hr
|
|||
a
|
||||
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
|
||||
h3, h4
|
||||
color: $vert
|
||||
|
|
Loading…
Reference in New Issue