forked from entrouvert/publik-base-theme
scss: add variable to define form's background color (#68612)
This commit is contained in:
parent
f9b7496c8b
commit
b0d93e382f
|
@ -477,6 +477,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
|
||||||
pour les éléments.</p></td>
|
pour les éléments.</p></td>
|
||||||
<td><p><var>classic</var></p></td>
|
<td><p><var>classic</var></p></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><p><code>$form-background</code></p></td>
|
||||||
|
<td><p>Couleur de fond d'une démarche.</p></td>
|
||||||
|
<td><p><var>$body-background</var></p></td>
|
||||||
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><p><code>$form-sidebar-position</code></p></td>
|
<td><p><code>$form-sidebar-position</code></p></td>
|
||||||
<td><p>Position du code de suivi et des étapes, « left », « right » ou
|
<td><p>Position du code de suivi et des étapes, « left », « right » ou
|
||||||
|
|
|
@ -7,6 +7,7 @@ $form-sidebar-gutter: 2% !default;
|
||||||
// * page: full page width (i.e. sidebar + form content)
|
// * page: full page width (i.e. sidebar + form content)
|
||||||
// * form: form width (+ margin to be aligned on top of form)
|
// * form: form width (+ margin to be aligned on top of form)
|
||||||
$form-titlebar-mode: page !default;
|
$form-titlebar-mode: page !default;
|
||||||
|
$form-background: $body-background !default;
|
||||||
|
|
||||||
// hide a bunch of elements
|
// hide a bunch of elements
|
||||||
div#droite,
|
div#droite,
|
||||||
|
@ -22,7 +23,7 @@ div#gauche, div#rub_service {
|
||||||
}
|
}
|
||||||
|
|
||||||
div#rub_service {
|
div#rub_service {
|
||||||
background: $body-background;
|
background: $form-background;
|
||||||
}
|
}
|
||||||
|
|
||||||
@if ($form-sidebar-position == top) {
|
@if ($form-sidebar-position == top) {
|
||||||
|
@ -262,7 +263,7 @@ ul#evolutions > li:after {
|
||||||
ul#evolutions div.evolution-metadata {
|
ul#evolutions div.evolution-metadata {
|
||||||
width: auto;
|
width: auto;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: $body-background;
|
background: $form-background;
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
padding: 0.7em;
|
padding: 0.7em;
|
||||||
padding-top: 30px;
|
padding-top: 30px;
|
||||||
|
@ -297,7 +298,7 @@ ul#evolutions li div.msg {
|
||||||
padding: 0.7em;
|
padding: 0.7em;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: $body-background;
|
background: $form-background;
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
p.wf-attachment {
|
p.wf-attachment {
|
||||||
|
@ -329,7 +330,7 @@ ul#evolutions li span.item {
|
||||||
border: 1px solid #888;
|
border: 1px solid #888;
|
||||||
top: 24px;
|
top: 24px;
|
||||||
background: $button-color !important;
|
background: $button-color !important;
|
||||||
box-shadow: 0 0 0px 5px $body-background;
|
box-shadow: 0 0 0px 5px $form-background;
|
||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
|
|
Loading…
Reference in New Issue