feat: Modification des couleurs
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
@ -12,6 +12,15 @@ body
|
||||
line-height: 1.2
|
||||
font-family: 'League Spartan Variable'
|
||||
|
||||
.viemunicipale h1, .viemunicipale a
|
||||
color: var(--color-green)
|
||||
.cadredevie h1, .cadredevie a
|
||||
color: var(--color-blue)
|
||||
.economie h1, .economie a
|
||||
color: var(--color-orange)
|
||||
.associations h1, .associations a
|
||||
color: var(--color-purple)
|
||||
|
||||
h1, h2, h3, h4, h5
|
||||
font-weight: 600
|
||||
text-transform: uppercase
|
||||
@ -19,7 +28,7 @@ h1, h2, h3, h4, h5
|
||||
h1
|
||||
text-align: center
|
||||
text-transform: uppercase
|
||||
color: $vert
|
||||
color: var(--color-green)
|
||||
margin: 0 1rem 1rem
|
||||
padding: 1rem
|
||||
font-size: 2.5rem
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.footer
|
||||
background: $vert
|
||||
background: var(--color-green)
|
||||
color: white
|
||||
padding: 2rem 0
|
||||
|
||||
|
||||
@ -5,9 +5,9 @@
|
||||
position: relative
|
||||
|
||||
&.home
|
||||
height: 80vh
|
||||
height: 60vh
|
||||
.hero
|
||||
height: 80vh
|
||||
height: 60vh
|
||||
|
||||
.hero
|
||||
position: absolute
|
||||
@ -19,7 +19,7 @@
|
||||
object-fit: cover
|
||||
width: 100%
|
||||
height: 40vh
|
||||
background-color: $orange
|
||||
background-color: var(--color-orange)
|
||||
|
||||
$nav-height: 70px
|
||||
.nav
|
||||
@ -28,13 +28,16 @@
|
||||
bottom: 0
|
||||
left: 0
|
||||
right: 0
|
||||
background-color: $vert
|
||||
background-color: var(--color-secondary)
|
||||
height: $nav-height
|
||||
|
||||
@media screen and (max-width: $size-md)
|
||||
top: 30px
|
||||
height: 50px
|
||||
|
||||
.viemunicipale a
|
||||
color: var(--color-green)!important
|
||||
|
||||
.container
|
||||
display: flex
|
||||
align-items: center
|
||||
@ -45,6 +48,7 @@
|
||||
z-index: 20
|
||||
margin: -1rem 1rem -1rem 0
|
||||
background: white
|
||||
box-shadow: 0px 8px 17px 2px rgba(0,0,0,0.14) , 0px 3px 14px 2px rgba(0,0,0,0.12) , 0px 5px 5px -3px rgba(0,0,0,0.2)
|
||||
|
||||
a
|
||||
margin: 1rem
|
||||
@ -69,6 +73,19 @@
|
||||
margin: 0
|
||||
height: $nav-height
|
||||
|
||||
.viemunicipale, .viemunicipale a
|
||||
color: var(--color-green)
|
||||
font-weight: bold
|
||||
.cadredevie, .cadredevie a
|
||||
color: var(--color-blue)
|
||||
font-weight: bold
|
||||
.economie, .economie a
|
||||
color: var(--color-orange)
|
||||
font-weight: bold
|
||||
.associations, .associations a
|
||||
color: var(--color-purple)
|
||||
font-weight: bold
|
||||
|
||||
@media screen and (max-width: $size-xl)
|
||||
font-size: .95rem
|
||||
|
||||
@ -76,7 +93,6 @@
|
||||
list-style-type: none
|
||||
display: none
|
||||
position: absolute
|
||||
color: $vert
|
||||
background: white
|
||||
top: $nav-height
|
||||
flex-direction: column
|
||||
@ -87,7 +103,6 @@
|
||||
z-index: 10
|
||||
|
||||
a
|
||||
color: $vert
|
||||
padding: 10px 0 0
|
||||
|
||||
.menu:hover .submenu
|
||||
@ -101,7 +116,7 @@
|
||||
top: 100%
|
||||
width: 0
|
||||
height: 0
|
||||
border-top: 15px solid $vert
|
||||
border-top: 15px solid var(--color-green)
|
||||
border-right: 15px solid transparent
|
||||
border-bottom: 0 solid transparent
|
||||
border-left: 15px solid transparent
|
||||
@ -116,12 +131,6 @@
|
||||
&:first-child::before
|
||||
content: none
|
||||
|
||||
&::before
|
||||
content: ""
|
||||
border-right: 1px white solid
|
||||
right: 0
|
||||
height: 20px
|
||||
|
||||
a
|
||||
color: white
|
||||
display: flex
|
||||
@ -151,7 +160,7 @@
|
||||
right: 0
|
||||
height: 100vh
|
||||
z-index: 100
|
||||
background: $vert
|
||||
background: white
|
||||
flex-direction: column
|
||||
justify-content: center
|
||||
|
||||
@ -166,6 +175,7 @@
|
||||
height: auto
|
||||
flex-direction: column
|
||||
margin-bottom: 1rem
|
||||
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px
|
||||
|
||||
.menu.withSubmenu
|
||||
padding: 10px
|
||||
@ -177,20 +187,7 @@
|
||||
padding: 0
|
||||
margin-top: 1rem
|
||||
border-radius: 6px
|
||||
|
||||
&::before
|
||||
content: ''
|
||||
display: block
|
||||
position: absolute
|
||||
left: calc(50% - 15px)
|
||||
top: -15px
|
||||
width: 0
|
||||
height: 0
|
||||
border-top: 0 solid transparent
|
||||
border-right: 15px solid transparent
|
||||
border-bottom: 15px solid white
|
||||
border-left: 15px solid transparent
|
||||
z-index: 10000
|
||||
box-shadow: none
|
||||
|
||||
a
|
||||
padding: 2px 10px
|
||||
|
||||
@ -1,9 +1,3 @@
|
||||
$vert: #04874b
|
||||
$orange: #f0833c
|
||||
$grey: #e5e5e5
|
||||
$color-primary: black
|
||||
$color-secondary: white
|
||||
|
||||
$size-xs: 480px
|
||||
$size-sm: 600px
|
||||
$size-md: 840px
|
||||
@ -19,8 +13,16 @@ $size-xl: 1280px
|
||||
@import "./css-masonry"
|
||||
|
||||
body
|
||||
color: $color-primary
|
||||
background-color: $color-secondary
|
||||
--color-green: #04874B
|
||||
--color-blue: #586994
|
||||
--color-orange: #F0833C
|
||||
--color-purple: #4C1036
|
||||
--color-grey: #E8E9ED
|
||||
--color-primary: black
|
||||
--color-secondary: white
|
||||
|
||||
color: var(--color-primary)
|
||||
background-color: var(--color-secondary)
|
||||
|
||||
.open-button, .close-button
|
||||
border-radius: 0
|
||||
@ -62,7 +64,7 @@ body
|
||||
width: 30px
|
||||
|
||||
.container
|
||||
max-width: $size-lg
|
||||
max-width: $size-xl
|
||||
margin: 0 auto
|
||||
padding: 0 1rem
|
||||
@media screen and (max-width: $size-xs)
|
||||
@ -78,7 +80,7 @@ body
|
||||
min-height: inherit
|
||||
|
||||
a
|
||||
color: $color-primary
|
||||
color: var(--color-primary)
|
||||
|
||||
> .container
|
||||
background-color: white
|
||||
@ -111,7 +113,7 @@ body
|
||||
margin: 0
|
||||
|
||||
.opening
|
||||
background: $orange
|
||||
background: var(--color-orange)
|
||||
width: 35%
|
||||
padding: 20px
|
||||
color: black
|
||||
@ -151,7 +153,7 @@ body
|
||||
|
||||
hr
|
||||
margin: 3rem auto
|
||||
border: 1px dashed $vert
|
||||
border: 1px dashed var(--color-green)
|
||||
@media screen and (max-width: $size-xs)
|
||||
margin: 2rem auto
|
||||
// FOOTER
|
||||
@ -159,7 +161,7 @@ hr
|
||||
.explain
|
||||
text-align: center
|
||||
font-size: .6rem
|
||||
background-color: $vert
|
||||
background-color: var(--color-green)
|
||||
color: white
|
||||
|
||||
a
|
||||
@ -167,7 +169,7 @@ hr
|
||||
|
||||
#content .commissions
|
||||
h3, h4
|
||||
color: $vert
|
||||
color: var(--color-green)
|
||||
|
||||
#content .conseilmunicipal
|
||||
display: flex
|
||||
@ -182,7 +184,7 @@ hr
|
||||
margin-bottom: 1rem
|
||||
|
||||
h2
|
||||
color: $vert
|
||||
color: var(--color-green)
|
||||
font-size: 1.1rem
|
||||
padding: 0
|
||||
margin: 0 0 .3rem
|
||||
@ -214,12 +216,6 @@ details > summary
|
||||
cursor: pointer
|
||||
padding: .5rem 0
|
||||
|
||||
// $vert: #04874b
|
||||
// $orange: #f0833c
|
||||
// $grey: #e5e5e5
|
||||
// $color-primary: black
|
||||
// $color-secondary: white
|
||||
|
||||
#content .cards
|
||||
margin: 0 -1rem
|
||||
padding: 0
|
||||
@ -229,7 +225,7 @@ details > summary
|
||||
justify-content: center
|
||||
.card
|
||||
flex: 0 0 calc(100% * 3 / 12)
|
||||
background-color: #f0833c
|
||||
background-color: var(--color-purple)
|
||||
margin: 1rem
|
||||
padding: 1rem
|
||||
border-radius: 4px
|
||||
@ -247,7 +243,7 @@ details > summary
|
||||
|
||||
&:hover
|
||||
box-shadow: none
|
||||
color: $vert
|
||||
color: var(--color-purple)
|
||||
background-color: white
|
||||
|
||||
blockquote
|
||||
@ -258,9 +254,9 @@ blockquote
|
||||
font-style: italic
|
||||
color: #555555
|
||||
padding: 1.5rem
|
||||
border-left: 8px solid $vert
|
||||
border-left: 8px solid var(--color-green)
|
||||
line-height: 1.4
|
||||
background: #EDEDED
|
||||
background: var(--color-grey)
|
||||
|
||||
position: relative
|
||||
|
||||
@ -275,7 +271,7 @@ blockquote
|
||||
&::before
|
||||
font-family: Arial
|
||||
content: "\201C"
|
||||
color: $vert
|
||||
color: var(--color-green)
|
||||
font-size: 10rem
|
||||
position: absolute
|
||||
left: 1rem
|
||||
|
||||
@ -12,7 +12,7 @@ $size-news: 100px
|
||||
.picture
|
||||
width: $size-news
|
||||
height: $size-news
|
||||
background: $orange
|
||||
background: var(--color-orange)
|
||||
flex-shrink: 0
|
||||
@media screen and (max-width: $size-sm)
|
||||
margin-bottom: 1rem
|
||||
@ -35,7 +35,7 @@ $size-news: 100px
|
||||
width: 100%
|
||||
.details
|
||||
padding: 20px
|
||||
background: $grey
|
||||
background: var(--color-grey)
|
||||
height: $size-la-une
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
|
||||
Reference in New Issue
Block a user