forked from Chapril/www.chapril.org-spip
liste services : colonnes dans .listes
This commit is contained in:
parent
337b74dc81
commit
71de3445f5
@ -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;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user