diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css index 393c4d3..de3dc0e 100644 --- a/assets/css/src/generic.css +++ b/assets/css/src/generic.css @@ -161,3 +161,13 @@ .no-padding { padding: 0 !important; } + +.shift-large { + margin-left: var(--shift-large); +} +.shift-medium { + margin-left: var(--shift-medium); +} +.shift-small { + margin-left: var(--shift-small); +} diff --git a/assets/css/src/page-sectioned.css b/assets/css/src/page-sectioned.css new file mode 100644 index 0000000..4cb6c95 --- /dev/null +++ b/assets/css/src/page-sectioned.css @@ -0,0 +1,20 @@ +[data-template="sectioned"] main p { + font-size: var(--font-size-s); +} + +[data-template="sectioned"] main .big p { + font-size: var(--font-size-m); +} + +[data-template="sectioned"] main h2 { + font-weight: bold; + margin-bottom: calc(var(--padding-vertical) / 1.5); +} + +[data-template="sectioned"] .blocks > *:not(:last-child) { + margin-bottom: 1rem; +} + +[data-template="sectioned"] main section:nth-child(odd):not(:first-child) { + background-color: var(--color-brown-light); +} diff --git a/assets/css/src/variables.css b/assets/css/src/variables.css index b49cb63..da36f98 100644 --- a/assets/css/src/variables.css +++ b/assets/css/src/variables.css @@ -11,6 +11,10 @@ --font-size-h1: 2.8125rem; --font-size-xl: 3.75rem; + --shift-large: 7vw; + --shift-medium: calc(var(--shift-large) / 2); + --shift-small: calc(var(--shift-medium) / 2); + --curve-quick-slow: cubic-bezier(0.455, 0.03, 0.515, 0.955); --curve-quick: cubic-bezier(0.23, 1, 0.32, 1); --padding-vertical: 2rem; diff --git a/assets/css/style.css b/assets/css/style.css index 26a5448..bf3f4fa 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -15,4 +15,5 @@ @import url("src/swiper.css"); @import url("src/collapsable-section.css"); @import url("src/program-filters.css"); +@import url("src/page-sectioned.css"); @import url("src/footer.css"); diff --git a/site/blueprints/blocks/text.yml b/site/blueprints/blocks/text.yml index 6b81835..b0ed608 100644 --- a/site/blueprints/blocks/text.yml +++ b/site/blueprints/blocks/text.yml @@ -3,17 +3,24 @@ icon: text wysiwyg: true preview: text fields: + text: + label: Texte + type: writer + placeholder: field.blocks.text.placeholder leftMargin: label: ⇥ Marge gauche type: radio columns: 4 default: false + width: 3/4 options: false: Aucune small: Petite medium: Moyenne large: Grande - text: - label: Texte - type: writer - placeholder: field.blocks.text.placeholder + isBig: + label: Grand + type: toggle + default: false + width: 1/4 + help: Augmente la taille du texte diff --git a/site/snippets/blocks/links-list.php b/site/snippets/blocks/links-list.php new file mode 100644 index 0000000..d790da7 --- /dev/null +++ b/site/snippets/blocks/links-list.php @@ -0,0 +1,5 @@ + \ No newline at end of file diff --git a/site/snippets/blocks/text.php b/site/snippets/blocks/text.php new file mode 100644 index 0000000..4714d1e --- /dev/null +++ b/site/snippets/blocks/text.php @@ -0,0 +1,3 @@ +
+ text(); ?> +
\ No newline at end of file diff --git a/site/templates/sectioned.php b/site/templates/sectioned.php index e69de29..fd76344 100644 --- a/site/templates/sectioned.php +++ b/site/templates/sectioned.php @@ -0,0 +1,26 @@ + + +
+

title() ?>

+
+ +children() as $sectionPage): ?> +
+ isIndexed() != 'false'): ?> +

title() ?>

+ + section()->toLayouts() as $layout): ?> +
+ columns() as $column): ?> +
+
+ blocks() ?> +
+
+ +
+ +
+ + + \ No newline at end of file