Skip to content
Snippets Groups Projects
Commit 65ef6de0 authored by Arnaud Levy's avatar Arnaud Levy
Browse files

Merge branch 'main' of github.com:noesya/osuny-hugo-theme-aaa

parents ef5ca57d 323dd5e3
No related branches found
No related tags found
No related merge requests found
Showing with 64 additions and 27 deletions
......@@ -23,8 +23,10 @@ class Carousel {
var splide = new Splide(this.element).mount(),
toggleButton = splide.root.querySelector('.splide__autoplay'),
stepButtons = splide.root.querySelectorAll('.splide__pagination button'),
elements = splide.root.querySelectorAll('.splide__pagination, .splide__slide'),
autoplay = splide.Components.Autoplay;
if (toggleButton) {
stepButtons.forEach((stepButton) => {
stepButton.innerHTML = '<i></i>';
......@@ -43,12 +45,15 @@ class Carousel {
toggleButton.classList.remove('is-active');
});
// TODO: WIP
// this.element.addEventListener('click', function () {
// if (!autoplay.isPaused()) {
// autoplay.pause();
// }
// });
elements.forEach(function(element) {
element.addEventListener('click', () => {
autoplay.pause();
})
});
splide.on('drag', function() {
autoplay.pause();
});
}
}
}
......
......@@ -219,10 +219,10 @@ $grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 144
// Table of content
$toc-color: $color-text !default
$toc-active-color: $color-accent !default // TODO : checker ce que ça fait
$toc-font-family: $body-font-family !default
$toc-font-size: $body-size !default
$toc-font-size-md: $body-size-md !default
$toc-line-height: $h4-line-height !default
$toc-font-family: $meta-font-family !default
$toc-font-size: $meta-size !default
$toc-font-size-md: $meta-size-md !default
$toc-line-height: $meta-line-height !default
$toc-title-font-family: $toc-font-family !default
$toc-title-font-size: $toc-font-size !default
$toc-title-font-size-md: $toc-font-size-md !default
......
......@@ -4,8 +4,9 @@
p:last-child
margin-bottom: 0
.notes
@extend .small
margin-top: $spacing1
*
@extend .small
picture
display: block
margin-top: $spacing1
......
.block-pages
margin-top: $spacing4
.pages
@include grid(2, md)
.main-page
.title
a
@include icon("arrow-right", before)
@include hover-translate-icon(before, 3)
text-decoration-color: transparent
display: block
&::before
content: none
.pages
.page
.title
a
@include icon("arrow-right", before)
@include hover-translate-icon(before, 3)
text-decoration-color: transparent
&--grid
.main-page + .pages
margin-top: $spacing2
.pages
.page
.title
a
@extend .h3
p
@extend .small
margin-top: calc(#{$spacing1} / 2)
@include in-page-without-sidebar
.pages
@include grid(3, xl)
......@@ -21,11 +40,11 @@
.main-page
.title
@extend .h4
@extend .h5
@include media-breakpoint-up(lg)
margin-bottom: 0
p
@extend .h3
@extend .h2
@include media-breakpoint-up(lg)
margin-top: $spacing1
......@@ -33,13 +52,15 @@
display: block
margin-top: $spacing2
@include media-breakpoint-up(lg)
margin-top: calc(#{$spacing2} + #{$h4-size-md})
margin-top: calc(#{$spacing2}
.page
.title
margin: calc(#{$spacing1} / 2) 0
margin-top: calc(#{$spacing1} / 2)
a
@extend .meta
@include hover-translate-icon(before, 3)
text-decoration-color: transparent
text-transform: none // FIXME Arnaud
&:hover
text-decoration-color: black
.page
......
......@@ -53,7 +53,6 @@
padding-left: $grid-gutter
width: col(7)
.block-timeline--horizontal
--min-title-height: 0px
background: $block-timeline-horizontal-background
......
......@@ -8,6 +8,8 @@
li
flex-shrink: 0
white-space: nowrap
&, a
@extend .meta
a
color: $breadcrumb-color
text-decoration-color: rgba($breadcrumb-color, 0.3)
......
......@@ -39,6 +39,8 @@ footer[role="contentinfo"]
margin-left: auto
margin-right: -$spacing0
.credit
small, a
font-size: $meta-size
a
padding: 0
......
......@@ -26,8 +26,7 @@
padding: 0
a,
span
font-size: px2rem(18)
line-height: px2rem(26)
@extend .meta
cursor: pointer
transition: text-decoration 0.15s
&:not(:hover)
......
......@@ -84,6 +84,7 @@
cursor: pointer
padding: 0
span
@extend .meta
text-overflow: ellipsis
overflow: hidden
&::after
......@@ -92,9 +93,7 @@
display: flex
justify-content: space-between
align-items: center
width: 100%
width: 100%
.toc-container
// in full width page or under md breakpoint (mobile)
......@@ -132,7 +131,6 @@
font-size: $toc-title-font-size-md
.toc
font-size: $toc-font-size
font-family: $toc-font-family
line-height: $toc-line-height
@include media-breakpoint-up(md)
......
......@@ -91,8 +91,8 @@ h2, .h2
@include media-breakpoint-up(md)
font-size: $lead-size-md
p, .p,
li, .li
.p,
.li
font-size: $body-size
@include media-breakpoint-up(md)
font-size: $body-size-md
......
......@@ -26,7 +26,7 @@ commons:
email: Email
phone: Téléphone
website: Site web
credit: a low impact website crafted with <a href="https://www.osuny.org/" title="Osuny - extern link" target="_blank" rel="noreferrer">Osuny</a>
credit: A low impact website crafted with <a href="https://www.osuny.org/" title="Osuny - extern link" target="_blank" rel="noreferrer">Osuny</a>
date: Date
download:
singular_name: Download
......
......@@ -26,7 +26,7 @@ commons:
email: Email
phone: Téléphone
website: Site web
credit: un site éco-conçu produit avec <a href="https://www.osuny.org/" title="Osuny - lien externe" target="_blank" rel="noreferrer">Osuny</a>
credit: Un site éco-conçu produit avec <a href="https://www.osuny.org/" title="Osuny - lien externe" target="_blank" rel="noreferrer">Osuny</a>
date: Date
download:
singular_name: Télécharger
......
......@@ -21,7 +21,17 @@
<div class="testimonials">
{{- if $is_carousel }}
<div class="splide" data-splide='{"arrows":false,"autoplay":true,"pauseOnHover":false,"pauseOnFocus":false,"type":"loop","autoHeight":true}'>
<div class="splide"
data-splide='{
"arrows":false,
"autoplay":true,
"pauseOnHover":false,
"pauseOnFocus":true,
"type":"loop",
"autoHeight":true,
"interval":8000
}'
>
<div class="splide__slider">
<div class="splide__track">
<div class="splide__list">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment