test to use custom classes on homepage section

This commit is contained in:
Mathieu Jaumotte 2023-10-20 11:18:59 +02:00
parent e4b0a3eff4
commit 99c956e1f1
3 changed files with 35 additions and 1 deletions

View File

@ -1 +1,33 @@
// Add your own custom styles here
section.section-sm {
&.bisou {
.container .row {
& > div {
&:first-child {}
&:last-child {
width: 100%;
}
h2, p {
text-align: center;
}
ul {
display: flex;
li {
i:first-child {
display: none;
}
flex: 1 0 0;
margin: 0.5em;
padding: 1.5em;
text-align: center;
border: 1px solid #d1d1d1;
border-radius: 4px;
}
}
}
}
}
}

2
content/francais/_index.md Executable file → Normal file
View File

@ -15,6 +15,7 @@ features:
image: "/images/service-10.png"
title:
content: "Avec CHILL vous pourrez"
class: bisou
bulletpoints:
- "conserver les traces des interactions au quotidien"
- "rechercher et partager les infos à propos des personnes accompagnées"
@ -60,6 +61,7 @@ features:
image: "/images/service-2.png"
title: "Ses avantages"
content:
class: bisou
bulletpoints:
- "**Responsive et accessible depuis nimporte quel support informatique** (smartphone, ordinateur, tablette, etc.) afin de répondre aux enjeux de mobilité des travailleurs."
- "**Propose une solution clé en main** *backend-frontend* aux nombreuses possibilités de paramétrage, qui peut être adaptée et installée dans différentes infrastructures techniques."

View File

@ -31,7 +31,7 @@
<!-- Features -->
{{ range $i, $e:= .Params.features }}
<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
<section class="section-sm {{ with .class }}{{ . }}{{ end }} {{ if (modBool $i 2) }}bg-gradient{{ end }}">
<div class="container">
<div class="row items-center justify-between">
<div