home page slider css et module central
This commit is contained in:
@@ -1,6 +1,10 @@
|
||||
.layout--threecol-25-50-25{
|
||||
display: grid;
|
||||
grid-template-columns: 20% 1fr 20%;
|
||||
grid-template-columns: 20% minmax(0,1fr) 20%;
|
||||
column-gap: 3rem;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.layout__region--bottom{
|
||||
grid-column: 1 /span 3;
|
||||
}
|
@@ -5,29 +5,32 @@ $font-medium: .8rem;
|
||||
$font-normal: .6rem;
|
||||
$font-small: .45rem;
|
||||
|
||||
$col-met: red;
|
||||
$col-eur: blue;
|
||||
$col-mond: wheat;
|
||||
|
||||
$col-met: #28429f;
|
||||
$col-eur: #646578;
|
||||
$col-mond: #ab9569;
|
||||
$col-ter: #e01a35;
|
||||
$col-1: #4dabc1;
|
||||
$col-2: #61ab32;
|
||||
|
||||
$bck-col: #eff2f9;
|
||||
$lightblue: #98d0d9;
|
||||
|
||||
$trame: url(../images/motif_croix.svg);
|
||||
|
||||
//programmes values
|
||||
.programme-2{
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-eur;
|
||||
background: $col-1;
|
||||
}
|
||||
|
||||
}
|
||||
.views-field{
|
||||
color: $col-eur;
|
||||
color: $col-1;
|
||||
}
|
||||
.views-field-title{
|
||||
color: $col-met;
|
||||
color: $col-1;
|
||||
&:hover{
|
||||
background: $col-met;
|
||||
background: $col-1;
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
@@ -54,16 +57,16 @@ $lightblue: #98d0d9;
|
||||
.programme-4{
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-mond;
|
||||
background: $col-2;
|
||||
}
|
||||
}
|
||||
.views-field{
|
||||
color: $col-mond;
|
||||
color: $col-2;
|
||||
}
|
||||
.views-field-title{
|
||||
color: $col-met;
|
||||
color: $col-2;
|
||||
&:hover{
|
||||
background: $col-met;
|
||||
background: $col-2;
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
@@ -106,16 +109,16 @@ $lightblue: #98d0d9;
|
||||
.programme-6{
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-met;
|
||||
background: $col-ter;
|
||||
}
|
||||
}
|
||||
.views-field{
|
||||
color: $col-met;
|
||||
color: $col-ter;
|
||||
}
|
||||
.views-field-title{
|
||||
color: $col-met;
|
||||
color: $col-ter;
|
||||
&:hover{
|
||||
background: $col-met;
|
||||
background: $col-ter;
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user