test to use custom classes on homepage section
This commit is contained in:
parent
e4b0a3eff4
commit
99c956e1f1
@ -1 +1,33 @@
|
|||||||
// Add your own custom styles here
|
// 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
2
content/francais/_index.md
Executable file → Normal file
@ -15,6 +15,7 @@ features:
|
|||||||
image: "/images/service-10.png"
|
image: "/images/service-10.png"
|
||||||
title:
|
title:
|
||||||
content: "Avec CHILL vous pourrez"
|
content: "Avec CHILL vous pourrez"
|
||||||
|
class: bisou
|
||||||
bulletpoints:
|
bulletpoints:
|
||||||
- "conserver les traces des interactions au quotidien"
|
- "conserver les traces des interactions au quotidien"
|
||||||
- "rechercher et partager les infos à propos des personnes accompagnées"
|
- "rechercher et partager les infos à propos des personnes accompagnées"
|
||||||
@ -60,6 +61,7 @@ features:
|
|||||||
image: "/images/service-2.png"
|
image: "/images/service-2.png"
|
||||||
title: "Ses avantages"
|
title: "Ses avantages"
|
||||||
content:
|
content:
|
||||||
|
class: bisou
|
||||||
bulletpoints:
|
bulletpoints:
|
||||||
- "**Responsive et accessible depuis n’importe quel support informatique** (smartphone, ordinateur, tablette, etc.) afin de répondre aux enjeux de mobilité des travailleurs."
|
- "**Responsive et accessible depuis n’importe 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."
|
- "**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."
|
||||||
|
@ -31,7 +31,7 @@
|
|||||||
|
|
||||||
<!-- Features -->
|
<!-- Features -->
|
||||||
{{ range $i, $e:= .Params.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="container">
|
||||||
<div class="row items-center justify-between">
|
<div class="row items-center justify-between">
|
||||||
<div
|
<div
|
||||||
|
Loading…
Reference in New Issue
Block a user