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

forms: define default box-shadow for inputs (#60344)

This commit is contained in:
Serghei Mihai 2022-01-06 14:14:55 +01:00
parent 846722db7d
commit 5c6d73864b
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -556,6 +556,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
<td><p>Décalage du contour des champs de formulaire quand ils sont actifs</p></td>
<td><p><var>0</var></p></td>
</tr>
<tr>
<td><p><code>$widget-box-shadow</code></p></td>
<td><p>Ombre des champs de formulaire</p></td>
<td><p><var>null</var></p></td>
</tr>
<tr>
<td><p><code>$widget-focus-box-shadow</code></p></td>
<td><p>Ombre des champs de formulaire quand ils sont actifs</p></td>

2
static/includes/_forms.scss
View File

@ -17,6 +17,7 @@ $widget-focus-border: $widget-border !default;
$widget-focus-color: $widget-color !default;
$widget-focus-outline: none !default;
$widget-focus-outline-offset: 0 !default;
$widget-box-shadow: null !default;
$widget-focus-box-shadow: none !default;
$button-focus-outline: $widget-focus-outline !default;
@ -250,6 +251,7 @@ input, input[type="search"], textarea, select {
padding: 0.4em 0.7em 0.4em 0.7em;
max-width: 100%;
transition: background 0.5s ease, color 0.5s ease, border 0.5s ease;
box-shadow: $widget-box-shadow;
&:focus:not([readonly]) {
background-color: $widget-focus-background;
border: $widget-focus-border;