Change button style on home

This commit is contained in:
Le Libre Au Quotidien 2019-09-06 18:28:57 +02:00
parent 53a550bdc1
commit 3be3bb44f1
3 changed files with 8 additions and 3 deletions

View File

@ -39,6 +39,6 @@
</label> </label>
<input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName"> <input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName">
</div> </div>
<a [routerLink]="'/step/answers'" class="btn btn-block" i18n> <button [routerLink]="'/step/answers'" class="btn_background btn_white_text" i18n>
Continuer Continuer
</a> </button>

View File

@ -34,6 +34,7 @@
<input type="submit" value="Input Submit with background" class="btn_background"><br> <input type="submit" value="Input Submit with background" class="btn_background"><br>
<input type="submit" value="Input Submit delete with border" class="btn_border btn_delete"><br> <input type="submit" value="Input Submit delete with border" class="btn_border btn_delete"><br>
<input type="submit" value="Input Submit delete with background" class="btn_background btn_delete"> <input type="submit" value="Input Submit delete with background" class="btn_background btn_delete">
<input type="submit" value="Input Submit with background and white text" class="btn_background btn_white_text">
</p> </p>
<p> <p>
@ -41,6 +42,7 @@
<button class="btn_background">Button with background</button><br> <button class="btn_background">Button with background</button><br>
<button class="btn_border btn_delete">Button delete with background</button><br> <button class="btn_border btn_delete">Button delete with background</button><br>
<button class="btn_background btn_delete">Button delete with background</button> <button class="btn_background btn_delete">Button delete with background</button>
<button class="btn_background btn_white_text">Button with background and white text</button>
</p> </p>
<p> <p>
@ -212,4 +214,4 @@
<h2>Graphics</h2> <h2>Graphics</h2>
<a href="https://sketch.cloud/s/00A80/a/megprw">that</a> <a href="https://sketch.cloud/s/00A80/a/megprw">that</a>
</article> </article>
</section> </section>

View File

@ -30,6 +30,9 @@ input[type="submit"] {
background-color: #fff; background-color: #fff;
} }
} }
&.btn_white_text{
color:$white;
}
} }
&.btn_border { &.btn_border {