entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 9 Releases Wiki Activity

scss: add new carrousel styling options (#31893)

This commit is contained in:
Frédéric Péters 2019-04-01 16:40:00 +02:00
parent 6cadc8985d
commit 7f1e836fed
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
help/fr/misc-scss.page
View File

@ -587,11 +587,21 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
l'autre est affichée. (visible ou none)</p></td>
<td><p><var>visible</var></p></td>
</tr>
<tr>
<td><p><code>$carrousel-navigation-bullet-border</code></p></td>
<td><p>Bordure du disque de navigation.</p></td>
<td><p><var>1px solid white</var></p></td>
</tr>
<tr>
<td><p><code>$carrousel-navigation-bullet-color</code></p></td>
<td><p>Couleur du disque de navigation.</p></td>
<td><p><var>$button-color</var></p></td>
</tr>
<tr>
<td><p><code>$carrousel-navigation-bullet-size</code></p></td>
<td><p>Taille du disque de navigation.</p></td>
<td><p><var>10px</var></p></td>
</tr>
<tr>
<td><p><code>$carrousel-arrows</code></p></td>
<td><p>Détermine si les flèches (gauche/droite) permettant de passer d'un

13
static/includes/_carrousel.scss
View File

@ -10,6 +10,13 @@ $carrousel-navigation: visible !default;
/* $carrousel-navigation-bullet-color: color of active slide bullet */
$carrousel-navigation-bullet-color: $button-color !default;
/* $carrousel-navigation-bullet-size: height/width of slide bullets */
$carrousel-navigation-bullet-size: 10px !default;
/* $carrousel-navigation-bullet-border: border of slide bullets */
$carrousel-navigation-bullet-border: 1px solid white !default;
/* $carrousel-arrows: visible or none */
$carrousel-arrows: visible !default;
@ -105,9 +112,9 @@ div.carrousel-content {
label {
display: inline-block;
margin: 0 10px;
width: 10px;
height: 10px;
border: 1px solid #fff;
width: $carrousel-navigation-bullet-size;
height: $carrousel-navigation-bullet-size;
border: $carrousel-navigation-bullet-border;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.25s;