dbroqua/MusicTopus
dbroqua/MusicTopus
1
1
Fork 0
Code Issues 9 Pull requests Releases 14 Activity

Correction des couleurs sur les boutons

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
sass/button.scss
View file

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

6
sass/colors.scss
View file

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

20
views/pages/composants.ejs
View file

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