added useful classes and comments

This commit is contained in:
newick 2019-08-12 22:21:12 +02:00
parent c64f6b9ebe
commit 58835864d3
3 changed files with 26 additions and 1 deletions

View File

@ -42,7 +42,12 @@
<button class="btn_border btn_delete">Button delete with background</button><br>
<button class="btn_background btn_delete">Button delete with background</button>
</p>
<p>
Warning, in the mockups, some buttons have different paddings.<br>
Example: "Copier le lien" has smaller paddings, maybe a `btn_small` class could do the job, to check.
</p>
</article>
<article>
@ -132,6 +137,19 @@
<section>
<h1>Molecules</h1>
<article>
<h2>Useful classes</h2>
<h3>Align right</h3>
<div class="align-right">
<a [routerLink]="'/home'" class="next">
<span class="text" i18n>
C'est parti !
</span>
</a>
</div>
</article>
<article>
<h2>Label + input text</h2>
<label for="test-text">Ceci est un label un peu long mais pas trop</label>

View File

@ -0,0 +1,6 @@
@charset "UTF_8";
.align-right {
display: flex;
justify-content: flex-end;
}

View File

@ -1,6 +1,7 @@
/* You can add global styles to this file, and also import other style files */
@import "assets/scss/variables";
@import "assets/scss/default";
@import "assets/scss/useful_classes";
@import "assets/scss/atoms/main";
@import "assets/scss/atoms/section";