Correction des couleurs sur les boutons

This commit is contained in:
Damien Broqua 2022-03-14 16:27:50 +01:00
parent 9e7743e16d
commit 7578d9b63f
3 changed files with 20 additions and 8 deletions

View file

@ -54,7 +54,7 @@
&.is-link {
background-color: transparent;
border-color: $nord9;
color: $nord9;
color: var(--button-link-text-color);
&:hover {
border-color: darken($nord9, $hoverAmount);

View file

@ -29,7 +29,7 @@ $danger-color-hl: darken($danger-color, $hoverAmount);
$warning-color-hl: darken($warning-color, $hoverAmount);
$success-color-hl: darken($success-color, $hoverAmount);
$button-font-color: $nord1;
$button-font-color: #2C364A;
$button-alternate-color: #01103C;
$pagination-border-color: $nord3;
@ -54,6 +54,8 @@ $pagination-hover-color: rgb(115, 151, 186);
--border-color: #{$nord4};
--button-link-text-color: #2C364A;
--nord0: #{$nord0};
--nord1: #{$nord1};
--nord2: #{$nord2};
@ -90,4 +92,6 @@ $pagination-hover-color: rgb(115, 151, 186);
--box-shadow-color: #{rgba($nord4, 0.2)};
--border-color: #{$nord1};
--button-link-text-color: #{$white};
}

View file

@ -121,13 +121,13 @@
<h2 id="formulaires">Les formulaires</h2>
<div class="field">
<label for="email">Adresse e-mail</label>
<input type="email" name="email" id="email" placeholder="ex : damien@darkou.fr">
<label for="demo-email">Adresse e-mail</label>
<input type="email" name="email" id="demo-email" placeholder="ex : damien@darkou.fr">
</div>
<pre>
&lt;div class="field"&gt;
&lt;label for="email"&gt;Adresse e-mail&lt;/label&gt;
&lt;input type="email" name="email" id="email" placeholder="ex : damien@darkou.fr"&gt;
&lt;label for="demo-email"&gt;Adresse e-mail&lt;/label&gt;
&lt;input type="email" name="email" id="demo-email" placeholder="ex : damien@darkou.fr"&gt;
&lt;/div&gt;
</pre>
<div class="field">
@ -168,16 +168,24 @@
&lt;/select&gt;
&lt;/div&gt;
</pre>
<div class="field">
<form>
<fieldset>
<div class="field inline">
<label for="choix1">choix 1</label>
<input type="radio" id="choix1" name="choix" value="choix1" checked>
</div>
<div class="field inline">
<label for="choix2">choix 2</label>
<input type="radio" id="choix2" name="choix" value="choix2">
</div>
</fieldset>
</form>
<pre>
&lt;div class="field"&gt;
&lt;div class="field inline"&gt;
&lt;label for="choix1"&gt;choix 1&lt;/label&gt;
&lt;input type="radio" id="choix1" name="choix" value="choix1" checked&gt;
&lt;/div&gt;
&lt;div class="field inline"&gt;
&lt;label for="choix2"&gt;choix 2&lt;/label&gt;
&lt;input type="radio" id="choix2" name="choix" value="choix2"&gt;
&lt;/div&gt;