liste services : colonnes dans .listes

This commit is contained in:
chankalan 2022-02-03 23:55:25 +01:00
parent 337b74dc81
commit 71de3445f5

View File

@ -184,11 +184,13 @@
/************************** /**************************
* liste preésentation des services (accueil) * liste preésentation des services (accueil)
* ************************/ * ************************/
.presentation article .services {
}
.presentation article ul { .presentation article ul {
list-style: none; list-style: none;
column-count: 2;
padding: 0; padding: 0;
margin: 0 0 2em; margin: 0 2em 2em 0;
} }
.presentation article ul li { .presentation article ul li {
margin-bottom: 0.3em; margin-bottom: 0.3em;
@ -209,7 +211,7 @@
color: #ff5e00; color: #ff5e00;
} }
.presentation article li:first-child a::before { .presentation article ul.spip:first-child li:first-child a::before {
content: 'NOUVEAU !'; content: 'NOUVEAU !';
background-color: yellow; background-color: yellow;
position: absolute; position: absolute;
@ -221,21 +223,21 @@
margin-left: -3em; margin-left: -3em;
transform: rotate(-8deg); transform: rotate(-8deg);
} }
@media screen and (max-width: 1280px) {
.presentation article ul { @media screen and (min-width: 1440px) {
column-count: 1; .presentation article .services {
display: flex;
} }
} }
@media screen and (max-width: 760px) {
.presentation article ul { @media screen and (min-width: 768px) {
column-count: 2; .presentation article .services {
display: block;
} }
} }
@media screen and (max-width: 540px) {
.presentation article ul { @media screen and (min-width: 540px) {
column-count: 1; .presentation article .services {
display: flex;
} }
} }