css order field actus

This commit is contained in:
2021-12-22 21:51:13 +01:00
parent a6b0f30a61
commit e34aecbd69
3 changed files with 19 additions and 9 deletions
@@ -975,11 +975,13 @@ a {
display: flex;
flex-direction: column; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) {
order: 1; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
order: 2; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) {
order: 3; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(2) {
order: 1; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(3) {
order: 2; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
order: 4; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child a {
color: #09398b; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img {
@@ -2014,7 +2016,7 @@ a {
flex-direction: column;
background-color: white;
padding-bottom: 0.8rem;
min-width: 25%; }
min-width: 30%; }
#header-top .region-header-top-left ul li a {
color: black; }
#header-top .region-header-top-left ul li .is-active {
@@ -34,9 +34,15 @@
display: flex;
flex-direction: column;
:nth-child(1) { order: 1; }
:nth-child(4) { order: 2; }
:nth-child(5) { order: 3; }
// :nth-child(1) { order: 1; }
// :nth-child(4) { order: 2; }
// :nth-child(5) { order: 3; }
:nth-child(1) { order: 3; }
:nth-child(2) { order: 1; }
:nth-child(3) { order: 2; }
:nth-child(4) { order: 4; }
a{
color: $blue-dark;
}
@@ -100,7 +100,7 @@
background-color: $white;
padding-bottom: 0.8rem;
// align-items: center;
min-width: 25%;
min-width: 30%;
a {
color: $black;
// text-align: center;
@@ -125,9 +125,11 @@
justify-content: space-between;
padding: 1rem;
background-color: white;
.is-active{
color:$blue-light;
}
a{
color: $black;
&:hover{