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