diff --git a/web/themes/custom/eql/css-compiled/global/layout.css b/web/themes/custom/eql/css-compiled/global/layout.css index dadf4c1..cd4080b 100644 --- a/web/themes/custom/eql/css-compiled/global/layout.css +++ b/web/themes/custom/eql/css-compiled/global/layout.css @@ -1,3 +1,2 @@ -.node-type-static { - display: grid; - grid-template-columns: repeat(6, 1fr); } +.body { + margin: 0; } diff --git a/web/themes/custom/eql/css-compiled/pages/test_lavanture.css b/web/themes/custom/eql/css-compiled/pages/test_lavanture.css deleted file mode 100644 index 4a7b31a..0000000 --- a/web/themes/custom/eql/css-compiled/pages/test_lavanture.css +++ /dev/null @@ -1,27 +0,0 @@ -.dialog-off-canvas-main-canvas { - background-color: #00ff6a !important; } - -.layout-container { - display: flex; - margin: auto; - background-color: red; - max-width: 70%; } - -#footer-bottom { - height: 200px; - background-color: salmon; } - -.layout-content { - display: flex; - margin: auto; - background-color: aqua; - text-transform: uppercase; - max-width: 50%; } - -#auth_box { - background-color: blue; - font-family: 'Marianne'; - font-weight: 300; } - -.rouge { - text-decoration: brown; } diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 71557c2..ede8dd3 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1,8 +1,8 @@ /*eql*/ /*global*/ @font-face { - font-family: 'duke'; - src: url("../fonts/Duke_Fill.otf") format("opentype"); + font-family: 'Font Awesome'; + src: url("../fonts/Font Awesome/fa-regular-400.woff2") format("woff2"); font-weight: 400; font-style: normal; } @@ -81,14 +81,193 @@ /* Manifont Grotesk */ /* Colors used for EQL */ -.node-type-static { - display: grid; - grid-template-columns: repeat(6, 1fr); } +.layout-container { + position: absolute; + font-family: "Marianne", sans-serif; + margin: none; + top: 0%; + left: 0%; } + +.path-frontpage { + margin: 0; } + +a { + text-decoration: none; } /*pages*/ /* @import "pages/partials/header_footer"; @import "pages/home";*/ -.field--name-field-textes { - grid-column-start: 2; - grid-column-end: 7; } +.field--name-field-liens { + float: right; + width: 20%; + margin-right: 10%; + margin-bottom: 2rem; + justify-items: center; } + .field--name-field-liens .ext { + display: flex; + flex-direction: row-reverse; + position: sticky; + height: fit-content; + font-weight: 900; + background-color: #009ee3; + color: white; + text-decoration: none; + justify-content: left; + align-items: center; + padding: 0.2rem; } + .field--name-field-liens .ext svg { + width: 70px; + height: 70px; + padding: 0; + padding-right: 1rem; + padding-left: 0.5rem; + padding-bottom: 1rem; + margin: 0; + fill: black; } + .field--name-field-liens .ext svg path, .field--name-field-liens .ext svg svg.mailto path { + stroke: black; + stroke-width: 0.1px; } + +.field--name-field-fichiers { + position: relative; + clear: right; + float: right; + width: 20%; + margin-right: 10%; } + .field--name-field-fichiers .file--mime-application-pdf { + display: flex; + height: fit-content; + font-weight: 900; + background-color: #009ee3; + color: white; + justify-content: right; + align-items: center; + padding: 1rem; } + .field--name-field-fichiers .file--mime-application-pdf a { + color: white; + text-decoration: none; } + +.node-type-static { + display: grid; + grid-template-columns: 2fr 2fr 2fr 2fr 2fr; } + +.field--type-entity-reference-revisions .paragraph-summary { + font-family: "Marianne", sans-serif; + font-size: 5rem; + font-weight: 600; + color: black !important; + text-transform: capitalize; } + .field--type-entity-reference-revisions .paragraph-summary span:nth-of-type(2n) { + display: block; + font-size: 1rem; } + +.contextual-region { + display: grid; + grid-template-columns: 10% 2fr 2fr 2fr 2fr 10%; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; } + +.block-views-blockactus-blocks-pages-block-1 { + background-color: #09398b; } + +.view-content { + display: flex; + flex-direction: row; + justify-content: space-around; } + .view-content .node-type-actualite div:first-child { + padding: 1rem; + color: white; } + .view-content .node-type-actualite div:first-child .field--name-field-images .field__item img { + height: 400px; } + .view-content .node-type-actualite a { + color: white; } + +/*partials*/ +#header-top { + height: 7rem; + background-color: white; + box-shadow: 1px 0px 8px black; + display: flex; + flex-direction: row; + justify-content: space-between; + color: black; + position: sticky; } + #header-top .region-header-top-left { + display: flex; + flex-direction: row; + padding: 1rem; + align-items: center; + color: black; + font-weight: 800; + position: sticky; } + #header-top .region-header-top-left ul { + list-style: none; + display: flex; + flex-direction: row; } + #header-top .region-header-top-left ul li { + padding-right: 1rem; } + #header-top .region-header-top-left ul li a { + color: black; } + #header-top .region-header-top-left ul li a .is-active { + color: #009ee3; } + #header-top .region-header-top-left ul .ul2 { + flex-direction: column; } + #header-top .region-header-top-left :hover { + color: #009ee3; } + #header-top li ul { + display: flex; + flex-direction: column; } + #header-top #block-burger { + background-color: #009ee3; + font-size: 0.7rem; + color: white; + display: block; + width: 7rem; + height: 7rem; + margin-top: 0; } + #header-top #block-burger h2::after { + display: block; + font-family: 'Font Awesome'; + content: "\f0c9"; + font-size: 5rem; } + #header-top #block-burger #block-burger-menu { + display: block; + margin-top: 0; + align-self: center; + text-align: center; } + #header-top #block-burger ul { + display: none; } + #header-top #block-burger ul .open { + width: 100vw; + position: relative; + bottom: 8%; + left: calc(-30vw + 50%); + display: block; + height: fit-content; + padding-bottom: 1rem; + padding-top: 1rem; + background-color: #009ee3; + line-height: 2rem; + list-style: none; } + #header-top #block-burger ul .open .ul1 .sous-liste { + left: calc(-50vw + 50%); + padding-top: 0; } + #header-top #block-burger ul .open .ul1 .sous-liste a { + opacity: 1; } + #header-top #block-burger ul .open a { + color: white; + font-weight: 800; + font-size: 1.7rem; + opacity: 0.7; } + +#fotter-bottom { + display: flex; + flex-direction: row; + justify-content: space-around; } + #fotter-bottom #block-pieddepage ul { + color: #09398b; + font-weight: 800; + list-style: none; } + #fotter-bottom .twitter::before { + font-family: "Font Awesome 5 Brands"; + content: "\f099"; } diff --git a/web/themes/custom/eql/eql.libraries.yml b/web/themes/custom/eql/eql.libraries.yml index b2bbc73..023e700 100644 --- a/web/themes/custom/eql/eql.libraries.yml +++ b/web/themes/custom/eql/eql.libraries.yml @@ -4,4 +4,13 @@ global-css: theme: css-compiled/styles.css: {} - \ No newline at end of file + + + + +global-js: + + js: + theme: + js/eql-menu-burger.js: {} + diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.eot b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.eot new file mode 100644 index 0000000..cba6c6c Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.eot differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.svg b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.svg new file mode 100644 index 0000000..b9881a4 --- /dev/null +++ b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.svg @@ -0,0 +1,3717 @@ + + + diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.ttf b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.ttf new file mode 100644 index 0000000..8d75ded Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.ttf differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff new file mode 100644 index 0000000..3375bef Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff2 b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff2 new file mode 100644 index 0000000..402f81c Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-brands-400.woff2 differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.eot b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.eot new file mode 100644 index 0000000..a4e5989 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.eot differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.svg b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.svg new file mode 100644 index 0000000..463af27 --- /dev/null +++ b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.svg @@ -0,0 +1,801 @@ + + + diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.ttf b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.ttf new file mode 100644 index 0000000..7157aaf Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.ttf differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff new file mode 100644 index 0000000..ad077c6 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff2 b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff2 new file mode 100644 index 0000000..5632894 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-regular-400.woff2 differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.eot b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.eot new file mode 100644 index 0000000..e994171 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.eot differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.svg b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.svg new file mode 100644 index 0000000..00296e9 --- /dev/null +++ b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.svg @@ -0,0 +1,5034 @@ + + + diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.ttf b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.ttf new file mode 100644 index 0000000..25abf38 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.ttf differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff new file mode 100644 index 0000000..23ee663 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff differ diff --git a/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff2 b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff2 new file mode 100644 index 0000000..2217164 Binary files /dev/null and b/web/themes/custom/eql/fonts/Font Awesome/fa-solid-900.woff2 differ diff --git a/web/themes/custom/eql/images/gouvernement_cartouche.png b/web/themes/custom/eql/images/gouvernement_cartouche.png new file mode 100644 index 0000000..2ee3249 Binary files /dev/null and b/web/themes/custom/eql/images/gouvernement_cartouche.png differ diff --git a/web/themes/custom/eql/images/pictos/icons8-menu.svg b/web/themes/custom/eql/images/pictos/icons8-menu.svg new file mode 100644 index 0000000..9f75976 --- /dev/null +++ b/web/themes/custom/eql/images/pictos/icons8-menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/themes/custom/eql/js/eql-menu-burger.js b/web/themes/custom/eql/js/eql-menu-burger.js new file mode 100644 index 0000000..963b162 --- /dev/null +++ b/web/themes/custom/eql/js/eql-menu-burger.js @@ -0,0 +1,29 @@ + +// jQuery(document).ready(function($){ + + +// $("#block-burger").click(function(event){ +// var mods = document.querySelectorAll('.ul1'); +// mods.forEach((m, i) => { +// m.classList.remove('.open') +// }); + +// var btn = event.currentTarget; +// var mod = btn.parentNode.querySelector('.ul1'); +// mod.classList.add('.open') + +// }); + +// $(".ul1, .ul1 a").click(function(event){ +// $ (".ul1").removeClass(".open"); +// return false; +// }); + +// }); + +remove.onClick = () => { + const ul1 = document.querySelector('.ul1'); + + ul1.classList.add("open"); + +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/_fonts.scss b/web/themes/custom/eql/scss/global/_fonts.scss index 2281e19..91c05a5 100644 --- a/web/themes/custom/eql/scss/global/_fonts.scss +++ b/web/themes/custom/eql/scss/global/_fonts.scss @@ -1,6 +1,6 @@ @font-face { - font-family: 'duke'; - src: url('../fonts/Duke_Fill.otf') format('opentype'); + font-family: 'Font Awesome'; + src: url('../fonts/Font Awesome/fa-regular-400.woff2') format('woff2'); font-weight: 400; font-style: normal; } diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss new file mode 100644 index 0000000..7d21c8d --- /dev/null +++ b/web/themes/custom/eql/scss/global/_layout.scss @@ -0,0 +1,21 @@ +// .node-type-static{ +// display: grid; +// grid-template-columns: repeat(6,1fr); +// } + + + +.layout-container { + position: absolute; + font-family: $font-family-default; + margin: none; + top: 0%; + left: 0%; +} +.path-frontpage{ + margin: 0; +} + +// .contextual-region .node-type-static { +// grid-template-columns: repeat(6 1fr); +// } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/_typography.scss b/web/themes/custom/eql/scss/global/_typography.scss new file mode 100644 index 0000000..d8f2a10 --- /dev/null +++ b/web/themes/custom/eql/scss/global/_typography.scss @@ -0,0 +1,5 @@ + + +a { + text-decoration: none; +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/layout.scss b/web/themes/custom/eql/scss/global/layout.scss deleted file mode 100644 index 56810b4..0000000 --- a/web/themes/custom/eql/scss/global/layout.scss +++ /dev/null @@ -1,4 +0,0 @@ -// .node-type-static{ -// display: grid; -// grid-template-columns: repeat(6,1fr); -// } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/variables/colors.scss b/web/themes/custom/eql/scss/global/variables/_colors.scss similarity index 100% rename from web/themes/custom/eql/scss/global/variables/colors.scss rename to web/themes/custom/eql/scss/global/variables/_colors.scss diff --git a/web/themes/custom/eql/scss/global/variables/typography.scss b/web/themes/custom/eql/scss/global/variables/_typography.scss similarity index 99% rename from web/themes/custom/eql/scss/global/variables/typography.scss rename to web/themes/custom/eql/scss/global/variables/_typography.scss index 3b003bf..49f8130 100644 --- a/web/themes/custom/eql/scss/global/variables/typography.scss +++ b/web/themes/custom/eql/scss/global/variables/_typography.scss @@ -18,4 +18,4 @@ $font-regular-italic: 600, italic; // font-style: normal; // font-weight: 900; // font-family: $font-family-default; -// } \ No newline at end of file +// } diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss new file mode 100644 index 0000000..7d61e87 --- /dev/null +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -0,0 +1,61 @@ + +.node-type-static { + display: grid; + grid-template-columns: 2fr 2fr 2fr 2fr 2fr; +} + + +.field--type-entity-reference-revisions{ + .paragraph-summary{ + font-family: $font-family-default; + font-size: 5rem; + font-weight: 600; + color: $black !important; + text-transform: capitalize; + + + span:nth-of-type(2n){ + display: block; + font-size: 1rem; + } + } +} + +.contextual-region{ + display: grid; + grid-template-columns:10% 2fr 2fr 2fr 2fr 10%; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; + +} + +.block-views-blockactus-blocks-pages-block-1{ + background-color: $blue-dark; + // display: grid; + // grid-template-columns: 2fr 2fr 2fr 2fr; + // color: $white; + + +} + + +.view-content{ + display: flex; + flex-direction: row; + justify-content: space-around; + .node-type-actualite{ + div:first-child{ + padding: 1rem; + color: $white; + .field--name-field-images { + .field__item img{ + height: 400px; + } + + } + } + a{ + color: $white; + } + + } +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/static.scss b/web/themes/custom/eql/scss/pages/_static.scss similarity index 64% rename from web/themes/custom/eql/scss/pages/static.scss rename to web/themes/custom/eql/scss/pages/_static.scss index 7a3b825..6731efd 100644 --- a/web/themes/custom/eql/scss/pages/static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -1,43 +1,35 @@ -.path-node .page-node-type-static { - font-family: $font-family-default; -} - -.paragraph paragraph--type--texte .paragraph--view-mode--default { - font-family: $font-family-default; -} - -.node-type-static { - display: flex; - flex-direction: column; - font-family: $font-family-default; - .field--name-field-textes { - display: flex; - flex-direction: column; - max-width: 50%; - align-self: center; - margin: auto; - margin-left: 20%; - margin-right: 30%; - padding: 4rem; - } - .field--name-field-titre{ - .field__item{ - color: $blue-dark; - font-weight: 900; - font-size: 2rem; - } - .field__label{ - visibility: hidden; - } - } - .inter-titre { - color: $blue-light; - text-transform: uppercase; - } +// .node-type-static { +// // display: flex; +// // flex-direction: column; +// font-family: $font-family-default; +// .field--name-field-textes { +// display: flex; +// flex-direction: column; +// max-width: 50%; +// align-self: center; +// margin: auto; +// margin-left: 20%; +// margin-right: 30%; +// padding: 4rem; +// } +// .field--name-field-titre{ +// .field__item{ +// color: $blue-dark; +// font-weight: 900; +// font-size: 2rem; +// } +// .field__label{ +// visibility: hidden; +// } +// } +// .inter-titre { +// color: $blue-light; +// text-transform: uppercase; +// } -} +// } // field field--name-field-liens field--type-link field--label-above diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss new file mode 100644 index 0000000..0fa0fea --- /dev/null +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -0,0 +1,19 @@ + + +#fotter-bottom{ + display: flex; + flex-direction: row; + justify-content: space-around; + + #block-pieddepage ul{ + color: $blue-dark; + font-weight: 800; + list-style: none; + } + + + .twitter::before { + font-family: "Font Awesome 5 Brands"; content: "\f099"; + } + +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss new file mode 100644 index 0000000..4954a21 --- /dev/null +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -0,0 +1,125 @@ + + +#header-top { + height: 7rem; + background-color: $white; + box-shadow: 1px 0px 8px $black; + display: flex; + flex-direction: row; + justify-content: space-between; + color: $black; + position: sticky; + + + + .region-header-top-left { + display:flex; + flex-direction: row; + padding: 1rem; + align-items: center; + color: $black; + font-weight: 800; + position: sticky; + ul{ + list-style: none; + display: flex; + flex-direction: row; + li { + padding-right: 1rem; + a { + color: $black; + .is-active { + color: $blue-light; + } + } + } + .ul2{ + flex-direction: column; + } + } + :hover{ + color: $blue-light; + } + // :visited { + // color: $blue-light; + // } + } + + li ul { + display: flex; + flex-direction: column; + } + + // .region-header-top-rigth { + + // width: 7rem; + // height: 7rem; + + // } + #block-burger { + background-color: $blue-light; + font-size: 0.7rem; + color: $white; + display: block; + + width: 7rem; + height: 7rem; + margin-top: 0; + h2::after{ + display: block; + font-family: 'Font Awesome'; + content: "\f0c9"; + + font-size: 5rem; + } + + #block-burger-menu{ + display: block; + // content: url(../../images/pictos/icons8-menu.svg); + margin-top: 0; + align-self: center; + text-align: center; + + } + + ul { + display: none; + .open{ + width: 100vw; + position: relative; + bottom:8%;; + left: calc(-30vw + 50%); + display: block; + height: fit-content; + padding-bottom: 1rem; + padding-top: 1rem; + background-color: $blue-light; + line-height: 2rem; + list-style: none; + + .ul1 .sous-liste{ + left: calc(-50vw + 50%); + padding-top: 0; + a{ + opacity: 1; + } + } + a{ + color: $white; + font-weight: 800; + font-size: 1.7rem; + opacity: 0.7; + } + } + } + } + + + + + + + + +} + diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 7867814..1813eb0 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -3,10 +3,12 @@ /*global*/ -@import "global/fonts"; -@import "global/variables/typography"; -@import "global/variables/colors"; -@import "global/layout"; +@import "global/_fonts"; +@import "global/variables/_typography"; +@import "global/variables/_colors"; +@import "global/_layout"; + +@import "global/_typography"; /*pages*/ @@ -15,6 +17,10 @@ @import "pages/home";*/ // @import "pages/off_canvas_page_wrapper"; -@import "pages/static"; +@import "pages/_static"; +@import "pages/_home"; +/*partials*/ +@import "partials/_header"; +@import "partials/_footer"; \ No newline at end of file diff --git a/web/themes/custom/eql/templates/block.html.twig b/web/themes/custom/eql/templates/block.html.twig new file mode 100644 index 0000000..fd3311b --- /dev/null +++ b/web/themes/custom/eql/templates/block.html.twig @@ -0,0 +1,44 @@ +{# +/** + * @file + * Theme override to display a block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - content: The content of this block. + * - attributes: array of HTML attributes populated by modules, intended to + * be added to the main container tag of this template. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * + * @see template_preprocess_block() + */ +#} +{% + set classes = [ + 'block', + 'block-' ~ configuration.provider|clean_class, + 'block-' ~ plugin_id|clean_class, + ] +%} +