champs-libres/chill_hugoplate
6
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

separate class sections, chill-colors, texture as background

Browse Source
This commit is contained in:
Mathieu Jaumotte
2023-11-08 10:52:56 +01:00
parent 432c451ccd
commit 5078a0aa9e
4 changed files with 91 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
assets/scss/custom.scss
View File

@@ -1,33 +1,72 @@
// Add your own custom styles here
///// HOMEPAGE
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;
/// Chill colors
$chill-blue: #334d5c;
$chill-green: #43b29d;
$chill-beige: #d3c7b1;
$chill-red: #dc516d;
$chill-pink: #e57469;
$chill-orange: #e89463;
$chill-lightgray: #efefef;
$chill-yellow: #f1d275;
// Theme Custom sections
header.header {
background-color: $chill-blue;
}
main > section {
&:first-child {
background-color: $chill-blue;
}
&.section-1 {
}
&.section-2 {
}
&.section-3 {
}
&.section-4 {
}
&.section-5 {
}
&.section-6 {
background-color: $chill-blue;
background-repeat: repeat;
background-position: bottom center;
background-image: url('../images/bg/dessin-3.png');
/* hugoplate needs to compile images in public, and make it automatically for images called from content.
we need to call first image from content md files, if we need to use it in css
*/
}
&.section-7 {
}
}
// Change bulletlists rendering in flex bloc
section.section-1,
section.section-6 {
.container .row {
& > div {
&: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 #767676;
border-radius: 4px;
}
}
}
}
}
}