This commit is contained in:
tykayn 2019-08-11 16:50:10 +02:00
commit 77e13788be
24 changed files with 114 additions and 86 deletions

View File

@ -1,11 +1,12 @@
<div class="answers"> <div class="answers">
<h1 i18n> <h1 i18n>
Choisir les propositions Choisir les propositions
</h1> </h1>
<p class="subtitle" i18n> <p class="subtitle" i18n>
vous pouvez utiliser la syntaxe markdown vous pouvez utiliser la syntaxe markdown
</p> </p>
<ol> <ol>
<li #answers *ngFor="let answer of config.answers; index as i;trackBy trackFunction" <li #answers *ngFor="let answer of config.answers; index as i;trackBy trackFunction"
class="answer-item"> class="answer-item">
@ -18,11 +19,12 @@
<button (click)="config.answers.splice(i,1)">X</button> <button (click)="config.answers.splice(i,1)">X</button>
</li> </li>
</ol> </ol>
<button <button
class="btn-outline btn-block" class="btn-outline btn-block"
(click)="addAnswer()"> (click)="addAnswer()">
Ajouter Ajouter
</button> </button>
<a [routerLink]="'/step/recapitulatif'" class="btn btn-block">Voyons ce que ça donne</a>
<a [routerLink]="'/step/resume'" class="btn btn-block">Voyons ce que ça donne</a>
</div> </div>

View File

@ -1,70 +0,0 @@
// form inputs
.funky-box {
background: $light;
padding: 1em;
border-radius: 0.25em;
border: 1px solid $main_color;
border-bottom: 3px solid $main_color_strong;
&:focus {
color: $main_color_strong;
}
}
input, textarea,
select {
@extend .funky-box;
}
textarea {
margin-top: 1em;
border-left: 3px solid $main_color_strong;
}
// buttons
.btn {
display: inline-block;
padding: 1em;
border-radius: 0.25em;
background: $main_color_strong;
color: $light;
border: 0;
margin: 1em;
min-height: 1.5rem;
}
.btn-block {
display: block;
font-weight: 600;
font-size: 1.25em;
text-align: center;
}
a {
text-decoration: none;
nav & {
@extend .btn-outline, .btn;
display: inline-block;
margin: 0.5em;
padding: 0.5em;
color: #000;
font-size: 1rem;
}
}
.home_link {
text-decoration: none;
}
.btn-outline {
background: $light;
border: solid 1px $main_color_strong;
}
.striked {
@extend .btn-outline;
color: $main_color_strong;
}

View File

View File

Binary file not shown.

Binary file not shown.

View File

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,5 @@
@charset "UTF-8";
body {
background-color: #fff;
}

View File

@ -0,0 +1,30 @@
@charset "UTF-8";
// buttons
.btn {
display: inline-block;
padding: 1em;
border-radius: 0.25em;
background: $primary_color;
// color: $light;
border: 0;
margin: 1em;
min-height: 1.5rem;
}
.btn-block {
display: block;
font-weight: 600;
font-size: 1.25em;
text-align: center;
}
.btn-outline {
// background: $light;
border: solid 1px $primary_color;
}
.striked {
@extend .btn-outline;
color: $primary_color;
}

View File

@ -1,7 +1,15 @@
@charset "UTF-8";
body { body {
font-family: "DejaVu Sans Light", "Arial", "DejaVu Sans Mono"; font-family: "DejaVu Sans Light", "Arial", "DejaVu Sans Mono";
font-size: 1.4rem;
} }
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Brie Light", "Arial", "DejaVu Sans Mono"; font-family: "Brie Light", "Arial", "DejaVu Sans Mono";
} }

View File

@ -0,0 +1,24 @@
@charset "UTF-8";
// form inputs
.funky-box {
// background: $light;
padding: 1em;
border-radius: 0.25em;
border-bottom: 3px solid $primary_color;
&:focus {
color: $primary_color;
}
}
input,
textarea,
select {
@extend .funky-box;
}
textarea {
margin-top: 1em;
border-left: 3px solid $primary_color;
}

View File

@ -0,0 +1 @@
@charset "UTF-8";

View File

@ -0,0 +1 @@
@charset "UTF-8";

View File

@ -0,0 +1,18 @@
@charset "UTF-8";
a {
text-decoration: none;
nav & {
@extend .btn-outline, .btn;
display: inline-block;
margin: 0.5em;
padding: 0.5em;
color: #000;
font-size: 1rem;
}
}
.home_link {
text-decoration: none;
}

View File

@ -0,0 +1 @@
@charset "UTF-8";

View File

@ -1,5 +1,5 @@
.logo_first { .logo_first {
color: $logo_color; color: $font_color;
} }
.logo_second { .logo_second {

View File

@ -0,0 +1,7 @@
@charset "UTF-8";
$primary_color: #FFD52C;
$font_color: #000;
$logo_color_2: #8A9B51;

View File

@ -1,7 +0,0 @@
$main_color: #fdffbf;
$main_color_strong: #FFD52C;
$second_color: cyan;
$light: white;
$logo_color: #000;
$logo_color_2: #8A9B51;

View File

@ -1,6 +1,14 @@
/* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */
@import "assets/variables"; @import "assets/scss/variables";
@import "assets/font"; @import "assets/scss/global_layout";
@import "assets/global_layout";
@import "assets/logo"; @import "assets/scss/atoms/fonts";
@import "assets/debug"; @import "assets/scss/atoms/headings";
@import "assets/scss/atoms/buttons";
@import "assets/scss/atoms/links";
@import "assets/scss/atoms/forms";
@import "assets/scss/atoms/lists";
@import "assets/scss/atoms/images";
@import "assets/scss/molecules/logo";
@import "assets/scss/molecules/debug";