diff --git a/saintvith/assets/svg/placeholder.jpg b/saintvith/assets/svg/placeholder.jpg new file mode 100644 index 00000000..eadc7986 Binary files /dev/null and b/saintvith/assets/svg/placeholder.jpg differ diff --git a/saintvith/icons/android-chrome-144x144.png b/saintvith/icons/android-chrome-144x144.png new file mode 100644 index 00000000..33a51448 Binary files /dev/null and b/saintvith/icons/android-chrome-144x144.png differ diff --git a/saintvith/icons/android-chrome-192x192.png b/saintvith/icons/android-chrome-192x192.png new file mode 100644 index 00000000..778d8f99 Binary files /dev/null and b/saintvith/icons/android-chrome-192x192.png differ diff --git a/saintvith/icons/android-chrome-256x256.png b/saintvith/icons/android-chrome-256x256.png new file mode 100644 index 00000000..28c202bd Binary files /dev/null and b/saintvith/icons/android-chrome-256x256.png differ diff --git a/saintvith/icons/android-chrome-36x36.png b/saintvith/icons/android-chrome-36x36.png new file mode 100644 index 00000000..862b55d6 Binary files /dev/null and b/saintvith/icons/android-chrome-36x36.png differ diff --git a/saintvith/icons/android-chrome-384x384.png b/saintvith/icons/android-chrome-384x384.png new file mode 100644 index 00000000..15131071 Binary files /dev/null and b/saintvith/icons/android-chrome-384x384.png differ diff --git a/saintvith/icons/android-chrome-48x48.png b/saintvith/icons/android-chrome-48x48.png new file mode 100644 index 00000000..4f3b2e9d Binary files /dev/null and b/saintvith/icons/android-chrome-48x48.png differ diff --git a/saintvith/icons/android-chrome-512x512.png b/saintvith/icons/android-chrome-512x512.png new file mode 100644 index 00000000..9f106197 Binary files /dev/null and b/saintvith/icons/android-chrome-512x512.png differ diff --git a/saintvith/icons/android-chrome-72x72.png b/saintvith/icons/android-chrome-72x72.png new file mode 100644 index 00000000..0aedfa1b Binary files /dev/null and b/saintvith/icons/android-chrome-72x72.png differ diff --git a/saintvith/icons/android-chrome-96x96.png b/saintvith/icons/android-chrome-96x96.png new file mode 100644 index 00000000..cc70eb05 Binary files /dev/null and b/saintvith/icons/android-chrome-96x96.png differ diff --git a/saintvith/icons/apple-touch-icon-1024x1024.png b/saintvith/icons/apple-touch-icon-1024x1024.png new file mode 100644 index 00000000..49d1ba66 Binary files /dev/null and b/saintvith/icons/apple-touch-icon-1024x1024.png differ diff --git a/saintvith/icons/apple-touch-icon-114x114.png b/saintvith/icons/apple-touch-icon-114x114.png new file mode 100644 index 00000000..0c40fa42 Binary files /dev/null and b/saintvith/icons/apple-touch-icon-114x114.png differ diff --git a/saintvith/icons/apple-touch-icon-120x120.png b/saintvith/icons/apple-touch-icon-120x120.png new file mode 100644 index 00000000..2c4b8539 Binary files /dev/null and b/saintvith/icons/apple-touch-icon-120x120.png differ diff --git a/saintvith/icons/apple-touch-icon-144x144.png b/saintvith/icons/apple-touch-icon-144x144.png new file mode 100644 index 00000000..33a51448 Binary files /dev/null and b/saintvith/icons/apple-touch-icon-144x144.png differ diff --git a/saintvith/icons/apple-touch-icon-152x152.png b/saintvith/icons/apple-touch-icon-152x152.png new file mode 100644 index 00000000..224c01d2 Binary files /dev/null and b/saintvith/icons/apple-touch-icon-152x152.png differ diff --git a/saintvith/icons/apple-touch-icon-167x167.png b/saintvith/icons/apple-touch-icon-167x167.png new file mode 100644 index 00000000..43a9478e Binary files /dev/null and b/saintvith/icons/apple-touch-icon-167x167.png differ diff --git a/saintvith/icons/apple-touch-icon-180x180.png b/saintvith/icons/apple-touch-icon-180x180.png new file mode 100644 index 00000000..f2aa896d Binary files /dev/null and b/saintvith/icons/apple-touch-icon-180x180.png differ diff --git a/saintvith/icons/apple-touch-icon-57x57.png b/saintvith/icons/apple-touch-icon-57x57.png new file mode 100644 index 00000000..94baa966 Binary files /dev/null and b/saintvith/icons/apple-touch-icon-57x57.png differ diff --git a/saintvith/icons/apple-touch-icon-60x60.png b/saintvith/icons/apple-touch-icon-60x60.png new file mode 100644 index 00000000..1fa3c259 Binary files /dev/null and b/saintvith/icons/apple-touch-icon-60x60.png differ diff --git a/saintvith/icons/apple-touch-icon-72x72.png b/saintvith/icons/apple-touch-icon-72x72.png new file mode 100644 index 00000000..0aedfa1b Binary files /dev/null and b/saintvith/icons/apple-touch-icon-72x72.png differ diff --git a/saintvith/icons/apple-touch-icon-76x76.png b/saintvith/icons/apple-touch-icon-76x76.png new file mode 100644 index 00000000..8e59396f Binary files /dev/null and b/saintvith/icons/apple-touch-icon-76x76.png differ diff --git a/saintvith/icons/apple-touch-icon-precomposed.png b/saintvith/icons/apple-touch-icon-precomposed.png new file mode 100644 index 00000000..f2aa896d Binary files /dev/null and b/saintvith/icons/apple-touch-icon-precomposed.png differ diff --git a/saintvith/icons/apple-touch-icon.png b/saintvith/icons/apple-touch-icon.png new file mode 100644 index 00000000..f2aa896d Binary files /dev/null and b/saintvith/icons/apple-touch-icon.png differ diff --git a/saintvith/icons/favicon-16x16.png b/saintvith/icons/favicon-16x16.png new file mode 100644 index 00000000..6708ee17 Binary files /dev/null and b/saintvith/icons/favicon-16x16.png differ diff --git a/saintvith/icons/favicon-32x32.png b/saintvith/icons/favicon-32x32.png new file mode 100644 index 00000000..d6ec69bb Binary files /dev/null and b/saintvith/icons/favicon-32x32.png differ diff --git a/saintvith/icons/favicon-48x48.png b/saintvith/icons/favicon-48x48.png new file mode 100644 index 00000000..4f3b2e9d Binary files /dev/null and b/saintvith/icons/favicon-48x48.png differ diff --git a/saintvith/icons/favicon.ico b/saintvith/icons/favicon.ico new file mode 100644 index 00000000..ccc442a2 Binary files /dev/null and b/saintvith/icons/favicon.ico differ diff --git a/saintvith/icons/logo.png b/saintvith/icons/logo.png new file mode 100644 index 00000000..bd006e6e Binary files /dev/null and b/saintvith/icons/logo.png differ diff --git a/saintvith/icons/manifest.webmanifest b/saintvith/icons/manifest.webmanifest new file mode 100644 index 00000000..ec5a3d08 --- /dev/null +++ b/saintvith/icons/manifest.webmanifest @@ -0,0 +1,65 @@ +{ + "dir": "auto", + "lang": "en-US", + "display": "standalone", + "orientation": "any", + "start_url": "/?homescreen=1", + "background_color": "#fff", + "theme_color": "#fff", + "icons": [ + { + "src": "android-chrome-36x36.png", + "sizes": "36x36", + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-48x48.png", + "sizes": "48x48", + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-72x72.png", + "sizes": "72x72", + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-96x96.png", + "sizes": "96x96", + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-144x144.png", + "sizes": "144x144", + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-256x256.png", + "sizes": "256x256", + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-384x384.png", + "sizes": "384x384", + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "any" + } + ] +} \ No newline at end of file diff --git a/saintvith/index.html b/saintvith/index.html new file mode 100755 index 00000000..4ba03f73 --- /dev/null +++ b/saintvith/index.html @@ -0,0 +1,76 @@ + + + + + Saintvith + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + +
+
+
+ + + + \ No newline at end of file diff --git a/saintvith/manifest.cfg b/saintvith/manifest.cfg new file mode 100755 index 00000000..e8d1b28a --- /dev/null +++ b/saintvith/manifest.cfg @@ -0,0 +1,21 @@ +[theme] +title = Template for saintvith +description = A Diazo based Plone theme +preview = preview.png +rules = /++theme++saintvith/rules.xml +prefix = /++theme++saintvith +doctype = + +enabled-bundles = +disabled-bundles = + +production-js = /++theme++saintvith/dist/js/theme.js +production-css = /++theme++saintvith/dist/css/theme.css +tinymce-content-css = /++theme++saintvith/dist/css/theme.css + + +#[theme:overrides] +#directory = template-overrides + +[theme:parameters] +# portal_url = python: portal.absolute_url() diff --git a/saintvith/package.json b/saintvith/package.json new file mode 100755 index 00000000..3ecb5e2e --- /dev/null +++ b/saintvith/package.json @@ -0,0 +1,36 @@ +{ + "name": "@imiobe/plonetheme-smartweb-sambreville", + "description": "iA.Smartweb Saintvith theme for Plone", + "private": false, + "publishConfig": { + "access": "public" + }, + "maintainers": [ + { + "name": "Thomas Lambert (iMio)", + "email": "thomas.lambert@imio.be", + "url": "https://imio.be" + } + ], + "homepage": "https://sambreville.preprod.imio.be", + "keywords": [ + "imio", + "plone", + "smartweb" + ], + "version": "0.0.1", + "license": "GPL version 2", + "scripts": { + "stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}", + "stylelint:fix": "npx stylelint 'src/**/*.{css,less}' --fix", + "prettier": "npx prettier --single-quote --check 'src/**/*.{js,jsx,ts,tsx,json,css,scss,sass}'", + "prettier:fix": "npx prettier --single-quote --write 'src/**/*.{js,jsx,ts,tsx,json,css,scss,sass}'", + "dry-release": "release-it --dry-run", + "release": "release-it" + }, + "devDependencies": { + "@plone/plonetheme-barceloneta-base": "3.2.0-alpha.5", + "@imiobe/plonetheme-smartweb-base": "0.2.0", + "@popperjs/core": "^2.11.6" + } +} diff --git a/saintvith/preview.png b/saintvith/preview.png new file mode 100644 index 00000000..c32fd741 Binary files /dev/null and b/saintvith/preview.png differ diff --git a/saintvith/rules.xml b/saintvith/rules.xml new file mode 100755 index 00000000..0d471ed6 --- /dev/null +++ b/saintvith/rules.xml @@ -0,0 +1,146 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + col-md-12 + col-md-6 + col-md-4 + col-md-3 + col-md-4 + + +
+ + + + + +

+ + + + +
    + +
  • + + +
    • +     +
+ + + + + + +

+ + + + + + + +
+ + + + + + + + + + + + diff --git a/saintvith/src/index.js b/saintvith/src/index.js new file mode 100644 index 00000000..b75508cf --- /dev/null +++ b/saintvith/src/index.js @@ -0,0 +1,32 @@ +import "./scss/main.scss"; +$(document).ready(function () { + $("#portal-globalnav-collapse").on("show.bs.collapse", function () { + document.body.classList.add("open-nav-overflow"); + document.documentElement.classList.add("open-nav-overflow"); + }); + $("#portal-globalnav-collapse").on("hidden.bs.collapse", function () { + document.body.classList.remove("open-nav-overflow"); + document.documentElement.classList.remove("open-nav-overflow"); + }); + + // For custom slider + if ($(".sectionnews .swiper").length > 0) { + var newsSwiper = $(".sectionnews .swiper")[0].swiper; + newsSwiper.params.spaceBetween = 30; + (newsSwiper.params.speed = 1000), newsSwiper.update(); + } + if ($(".sectionevents .swiper").length > 0) { + var eventsSwiper = $(".sectionevents .swiper")[0].swiper; + eventsSwiper.params.spaceBetween = 30; + (eventsSwiper.params.speed = 1000), eventsSwiper.update(); + } + + // For banner + + let checkBanner = document.querySelector("#portal-header #banner"); + let headerCustom = document.getElementById("portal-header"); + + if (checkBanner != null) { + headerCustom.classList.add("header-custom"); + } +}); diff --git a/saintvith/src/scss/main.scss b/saintvith/src/scss/main.scss new file mode 100644 index 00000000..4e7bf899 --- /dev/null +++ b/saintvith/src/scss/main.scss @@ -0,0 +1,20 @@ +//// VARIABLES + +// ... add your variables here + +$enable-roboto-webfont: false; + +//// IMPORTS + +// Import barceloneta files from node_modules --load-path=node_modules + +// @import "@plone/plonetheme-barceloneta-base/scss/barceloneta"; + +// @import "@imiobe/plonetheme-smartweb-base/src/scss/main"; + +@import "./variables"; +@import "@imiobe/plonetheme-smartweb-base/src/scss/main"; + +//// STYLES + +// ... add your styles here diff --git a/saintvith/src/scss/variables.scss b/saintvith/src/scss/variables.scss new file mode 100644 index 00000000..cf723aa6 --- /dev/null +++ b/saintvith/src/scss/variables.scss @@ -0,0 +1,416 @@ +//*// COLORS +$primary: #222831 !default; +$primary-svg: #235789 !default; + +//*// TYPOGRAPHY + +@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500&display=swap"); + +$font-family-base: "Roboto", sans-serif !default; +$font-family-title: "Nunito", sans-serif !default; +$font-title-color: $primary !default; +$font-title-color-light: #fff !default; +$font-title-color-dark: #000 !default; +$font-title-weight: 700 !default; + +// $font-size-base affects the font size of the body text +$font-size-base: 1rem !default; // Assumes the browser default, typically `16px` +$font-size-sm: $font-size-base * 0.875 !default; +$font-size-lg: $font-size-base * 1.25 !default; +$h1-font-size: $font-size-base * 2.5 !default; +$h2-font-size: $font-size-base * 2 !default; +$h3-font-size: $font-size-base * 1.5 !default; +$h4-font-size: $font-size-base * 1.25 !default; +$h5-font-size: $font-size-base * 1.25 !default; +$h6-font-size: $font-size-base !default; + +// Include Roboto as webfont + +//*// GLOBAL + +@function url-encoded-color($color) { + @return "%23" + str-slice("#{$color}", 2, -1); +} +$container-max-widths: ( + sm: 100%, + md: 100%, + lg: 960px, + xl: 1140px, + xxl: 1320px, +); +$global-radius: 0 !default; +$enable-title-uppercase: false !default; +$home-section-title-size: 3.25rem !default; +$home-section-title-margin: 0 0 2rem 0 !default; +$home-section-title-padding: 0 !default; +$home-section-title-align: left !default; +$section-padding-top: 0 !default; +$to-portal-link-color: #282828 !default; +$img-placeholder: #f2f2f2 !default; + +//swiper +$swiper-icon-color: $primary-svg !default; +$swiper-button-height: 45px !default; +$swiper-button-width: 45px !default; +$swiper-button-top: 26% !default; +$swiper-prev-icon: url('data:image/svg+xml;utf8,') !default; +$swiper-next-icon: url('data:image/svg+xml;utf8,') !default; +$swiper-background-size: 50% !default; +$swiper-background-color: #fff !default; +$swiper-raduis: 50px !default; +$swipper-bullet-color: $primary-svg !default; + +//*// HEADER +$main-logo-max-width: 115px !default; +$header-top-padding: 1rem 0 !default; +$header-top-background: #fff !default; +$header-center-nav: false !default; +$header-nav-margin: 0 1rem 0 1rem !default; +$header-nav-link-color: $primary !default; +$header-nav-link-font-size: 16px !default; +$header-nav-link-font-family: $font-family-base !default; +$header-links-color: $primary !default; +$header-links-account-margin: 0 !default; +$header-links-account-padding: 0 !default; +$header-links-account-border: solid 0 #000 !default; +$header-links-account-bg: transparent !default; +$header-links-account-hover-border: solid 0 #000 !default; +$header-links-account-hover-bg: transparent !default; +$header-links-account-hover-color: #000 !default; +$header-search-icon-color: #000 !default; +$header-search-icon: url('data:image/svg+xml;utf8,') !default; +$toggler-color: #000 !default; +$header-toggler-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !default; +$header-toggler-icon-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !default; +//bredcrumb +$breadcrumb-bg: #fff !default; +$enable-full-width-breacrumb: false !default; + +// sitenav +$navbar-padding-x: 2.5rem !default; +$nav-mask-background: rgb(15 11 11 / 76%) !default; +$nav-title-font-family: $font-family-base !default; +$nav-link-color: $primary !default; +$nav-link-open-color: $primary !default; +$nav-link-active-color: $primary-svg !default; +$nav-link-font-size: initial !default; +$nav-link-font-weight: 500 !default; +$nav-link-drop-color: $primary !default; +$nav-link-drop: url('data:image/svg+xml;utf8,') !default; +$nav-link-drop-color-mobile: #000 !default; +$nav-link-drop-mobile: url('data:image/svg+xml;utf8,') !default; +$nav-first-level-gap: 30px !default; +$nav-first-level-uppercase: false !default; +$nav-quick-link-color: $primary-svg !default; +$nav-quick-link-size: 18px !default; +$nav-quick-link-weight: bold !default; +$nav-quick-link-padding: 0 !default; +$nav-sub-link-font-size: $nav-link-font-size !default; +$nav-sub-link-font-weight: $nav-link-font-weight !default; +$nav-overlay-radius: $global-radius !default; +$nav-overlay-title-color: $primary !default; +$nav-overlay-title-font-size: 24px !default; +$nav-overlay-title-font-weight: bold !default; +$nav-overlay-next-color-hover: $primary !default; +$nav-overlay-next-icon-color: #000; +$nav-overlay-next-icon-hover-color: $primary; +$nav-overlay-next-icon: url('data:image/svg+xml;utf8,') !default; +$nav-overlay-next-icon-hover: url('data:image/svg+xml;utf8,') !default; + +//sub-header +$subsite-logo-background: $primary !default; +$subsite-logo-color: #fff !default; +$subsite-navbar-bg: #fff !default; + +//sub-sitenav +$sub-navbar-padding: 1rem 0 !default; +$sub-nav-link-color: #000 !default; +$sub-nav-link-open-color: #000 !default; +$sub-nav-link-drop-color: #000 !default; +$sub-nav-link-drop: url('data:image/svg+xml;utf8,') !default; + +//*// SECTION HOMEPAGE + +// banner +$banner-enable-full-width: true !default; +$banner-heigh: 500px !default; +$banner-content-width: max-content !default; +$banner-content-max-width: 100% !default; +$banner-content-margin: 0 !default; +$banner-content-padding: 1rem !default; +$banner-content-background: rgb(256 256 256 / 50%) !default; +$banner-content-is-vertical-center: true !default; +$banner-content-title-font-size: 50px !default; +$banner-content-title-color: black !default; +$banner-content-title-text-transform: initial !default; +$banner-content-text-align: left !default; +$banner-content-description-font-size: 18px !default; +$banner-content-description-color: black !default; + +// see_all +$see-all-padding: 0 !default; +$see-all-margin: 2rem 0 0 0 !default; +$see-all-bg: transparent !default; +$see-all-color: $primary !default; +$see-all-radius: $global-radius !default; +$see-all-border: solid 0 $primary !default; +$see-all-text-transform: none !default; +$see-all-font-size: 16px !default; +$see-all-font-weight: 700 !default; +$see-all-transition: all 0.2s ease !default; +$see-all-hover-bg: transparent !default; +$see-all-hover-color: $primary-svg !default; +$see-all-hover-radius: $global-radius !default; +$see-all-hover-border: solid 0 $primary !default; +$see-all-justify-content: right !default; +$see-all-underline-color: $primary-svg !default; +$see-all-underline-width: 25% !default; +$see-all-hover-underline-width: 50% !default; + +// Quick access +$quick-access-section-full-width: false !default; +$quick-access-title-color: $primary !default; +$quick-access-title-margin: $home-section-title-margin !default; +$quick-access-title-padding: $home-section-title-padding !default; +$quick-access-title-align: $home-section-title-align !default; +$quick-access-container-padding: 1rem 0 !default; +$quick-access-width: 100px !default; +$quick-access-height: 100px !default; +$quick-access-background: #fff !default; +$quick-access-border: solid 1px $primary !default; +$quick-access-border-radius: 100px !default; +$quick-access-shadow: none !default; +$quick-access-svg-width: 40px !default; +$quick-access-svg-color: $primary !default; +$quick-access-item-title-margin: 1rem 0 0 0 !default; +$quick-access-title-font-size: 18px !default; +$quick-access-title-color: $primary !default; +$quick-access-title-text-transform: initial !default; +$quick-access-title-weight: 400 !default; + +$quick-access-enable-full-bg: false !default; +$quick-access-full-bg-color: $primary !default; +$quick-access-full-bg-border: solid 1px green !default; +$quick-access-full-bg-shadow: none !default; + +// A la une +$a-la-une-title-color: $font-title-color !default; +$a-la-une-title-align: $home-section-title-align !default; +$a-la-une-title-margin: $home-section-title-margin !default; +$a-la-une-title-padding: $home-section-title-padding !default; +$a-la-une-text-bg: rgb(244, 244, 244) !default; +$a-la-une-item-image-margin: 0 !default; +$a-la-une-item-title-color: $primary !default; +$a-la-une-item-title-font-size: $h3-font-size !default; +$a-la-une-item-title-margin: 0 !default; +$a-la-une-item-title-padding: 36px 36px 0 !default; +$a-la-une-item-title-radius: 0 !default; +$a-la-une-item-description-font-size: $font-size-lg !default; +$a-la-une-item-description-color: initial !default; +$a-la-une-item-description-margin: 0 !default; +$a-la-une-item-description-padding: 0 36px 36px !default; +$a-la-une-item-description-radius: 0 !default; +$a-la-une-item-image-radius: 0 !default; + +// Actu +$actu-section-full-width: true !default; +$actu-section-padding-top: 2rem !default; +$actu-section-padding-bottom: 2rem !default; +$actu-section-margin: 0 !default; +$actu-title-color: $primary !default; +$actu-title-align: $home-section-title-align !default; +$actu-title-margin: $home-section-title-margin !default; +$actu-title-padding: $home-section-title-padding !default; +$actu-image-margin-bottom: 0 !default; +$actu-image-border-radius: $global-radius !default; +$actu-item-bg-color: rgb(244, 244, 244) !default; +$actu-item-bg-radius: $global-radius + 2 !default; +$actu-category-margin: 0 0 0.5rem 0 !default; +$actu-category-padding: 0.5rem 1rem !default; +$actu-category-color: #fff !default; +$actu-category-bg-color: $primary-svg !default; +$actu-category-text-transform: uppercase !default; +$actu-category-font-size: 14px !default; +$actu-category-font-weight: initial !default; +$actu-category-radius: $global-radius !default; +$actu-item-title-margin: 0 0 0 0 !default; +$actu-item-title-padding: 0 1rem !default; +$actu-item-title-color: initial !default; +$actu-item-title-text-transform: initial !default; +$actu-item-title-font-size: $h3-font-size !default; +$actu-item-title-font-weight: initial !default; +$actu-item-title-align: left !default; +$actu-item-description-margin: 0 0 0.5rem 0 !default; +$actu-item-description-padding: 0 1rem !default; +$actu-item-description-color: initial !default; +$actu-item-description-align: left !default; +$actu-item-description-font-family: $font-family-base !default; +$actu-date-margin: 0 0 0.5rem 0 !default; +$actu-date-padding: 0 1rem !default; +$actu-date-color: $primary !default; +$actu-date-font-size: 14px !default; +$actu-date-align: left !default; +$actu-see-all-justify-content: $see-all-justify-content !default; + +// Event +$event-section-full-width: true !default; +$event-section-padding-top: 2rem !default; +$event-section-padding-bottom: 2rem !default; +$event-section-margin: 0 !default; +$event-title-color: $primary !default; +$event-title-align: $home-section-title-align !default; +$event-title-margin: $home-section-title-margin !default; +$event-title-padding: $home-section-title-padding !default; +$event-image-margin-bottom: 0 !default; +$event-image-border-radius: $global-radius !default; +$event-item-bg-color: rgb(244, 244, 244) !default; +$event-item-bg-radius: $global-radius + 2 !default; +$event-category-margin: 0 0 0.5rem 0 !default; +$event-category-padding: 0.5rem 1rem !default; +$event-category-color: #fff !default; +$event-category-bg-color: $primary-svg !default; +$event-category-text-transform: uppercase !default; +$event-category-font-size: 14px !default; +$event-category-font-weight: initial !default; +$event-category-radius: $global-radius !default; +$event-item-title-margin: 0 !default; +$event-item-title-padding: 0 1rem !default; +$event-item-title-color: initial !default; +$event-item-title-text-transform: initial !default; +$event-item-title-font-size: $h3-font-size !default; +$event-item-title-font-weight: initial !default; +$event-item-description-margin: 0 0 0.5rem 0 !default; +$event-item-description-padding: 0 1rem !default; +$event-item-description-color: initial !default; +$event-item-description-align: left !default; +$event-item-description-font-family: $font-family-base !default; +$event-date-margin: 0 0 0.5rem 0 !default; +$event-date-padding: 0 1rem !default; +$event-date-color: $primary !default; +$event-date-font-size: 14px !default; +$event-see-all-justify-content: $see-all-justify-content !default; + +// Album +$album-section-full-width: true !default; +$album-section-bg: #edeae5 !default; +$album-section-padding-top: 2rem !default; +$album-section-padding-bottom: 2rem !default; +$album-section-margin: 0 !default; +$album-title-color: $primary !default; +$album-title-align: $home-section-title-align !default; +$album-title-margin: $home-section-title-margin !default; +$album-title-padding: $home-section-title-padding !default; +$album-image-margin-bottom: 0.7rem !default; +$album-image-border-radius: $global-radius !default; +$album-item-bg-color: rgb(244, 244, 244) !default; +$album-item-bg-radius: $global-radius + 2 !default; +$album-category-margin: 0 0 0.3rem 0 !default; +$album-category-padding: 0 !default; +$album-category-color: $primary !default; +$album-category-bg-color: #000 !default; +$album-category-text-transform: uppurcase !default; +$album-category-font-size: 14px !default; +$album-category-font-weight: initial !default; +$album-category-radius: $global-radius !default; +$album-item-title-margin: 1rem 0 !default; +$album-item-title-padding: 0 !default; +$album-item-title-color: initial !default; +$album-item-title-text-transform: initial !default; +$album-item-title-font-size: $h3-font-size !default; +$album-item-title-font-weight: initial !default; +$album-date-margin: 0 !default; +$album-date-padding: 0 !default; +$album-date-color: $primary !default; +$album-date-font-size: 14px !default; +$album-see-all-justify-content: $see-all-justify-content !default; + +// Newsletter +$newsletter-bg-color: $primary-svg !default; +$newsletter-align: center !default; +$newsletter-padding-top: 2rem !default; +$newsletter-padding-bottom: 2rem !default; +$newsletter-margin: 3rem 0 !default; +$newsletter-text-color: #fff !default; + +/////////////// interne /////////////// + +//*// SECTION TEXTE +$font-size-texte: $font-size-base !default; +$mark-background-color: #f3f3f3 !default; +$mark-color: #5c5c5c !default; +$mark-padding-sec: 20px 45px 20px 26px !default; +$mark-border: solid 2px $primary !default; +$mark-radius: $global-radius !default; +$mark-weight: 500 !default; +$list-style-color: $primary !default; +$list-style-custom: url('data:image/svg+xml;utf8,') !default; +$section-text-h2-margin-top: 2rem !default; +$section-text-h2-margin-bottom: 1.5rem !default; +$section-text-h3-margin-top: 0 !default; +$section-text-h3-margin-bottom: 0.5rem !default; +$section-text-link-color: $primary !default; +$section-text-link-hover-decoration: solid 1px $primary !default; +$section-text-max-width: 760px !default; + +// Section +$section-padding-y: 5.31rem; +$section-padding: ( + sm: 3rem, + md: 4rem, + lg: 4.3rem, +); + +// section-contact +$section-contact-title-size: $h2-font-size; +$section-contact-sub-title-size: $font-size-lg; +$section-contact-title-color: $primary; +$section-contact-p-margin: 1rem 0; +$section-contact-portrait-ration: calc(4 / 5); +$section-contact-background: #f3f3f3 !default; + +// section-files +$section-file-background-color: $primary !default; +$enable-full-width-section-files: true !default; +$enable-light-color-section-files: true !default; + +// section-link +$section-link-background-color: #f8f8f8; +$enable-full-width-section-link: true; +$enable-light-color-section-link: false; + +// section-list-block-img +$section-list-block-img-card-title: 1.2rem; + +//*// LIST + +//Liste Block +$block-full-shadow: rgba(0, 0, 0, 20%) 0 2px 7px; +$block-small-shadow: rgba(0, 0, 0, 16%) 0 1px 4px; +$list-group-border-width: 0; +$list-group-item-padding-x: 0; + +// Message Viewlets + +$message-info: #27789c; +$message-warning: #c06d01; +$message-error: #ae2609; + +//QUICK ACCESS +$quick-access-title-font-family: $font-family-title !default; + +//SEE ALL +$see-all-font-family: $font-family-title !default; + +:root { + --bs-card-spacer-x: 1rem; + --bs-card-spacer-y: 1rem; +} + +// bootstrap +.breadcrumb { + --bs-breadcrumb-margin-bottom: 0 !important; + --bs-breadcrumb-padding-x: 0 !important; + --bs-breadcrumb-padding-y: 10px !important; + --bs-breadcrumb-bg: transparent !important; +}