🎨 style remove strange section sizes, h1 size greater

This commit is contained in:
Baptiste Lemoine 2019-11-23 15:42:05 +01:00
parent 7da480f310
commit 93f3aa76bd
5 changed files with 31 additions and 20 deletions

View File

@ -146,7 +146,7 @@
</section> </section>
<a [routerLink]="'/step/end'" <a [routerLink]="'/step/end'"
class="btn btn--primary"> class="btn btn-link btn--primary">
{{"visibility.validate_btn"|translate}} {{"visibility.validate_btn"|translate}}
</a> </a>
<div class="back"> <div class="back">

View File

@ -1,6 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
@mixin btnTheme ($color) { @mixin btnTheme($color) {
background-color: $color; background-color: $color;
color: $white; color: $white;
&.btn--outline { &.btn--outline {
@ -12,6 +12,7 @@
&:hover, &:hover,
&:active { &:active {
background-color: rgba($color, .8); background-color: rgba($color, .8);
&.btn--outline { &.btn--outline {
background-color: rgba($color, .2); background-color: rgba($color, .2);
} }
@ -43,9 +44,16 @@
display: block; display: block;
min-width: 100%; min-width: 100%;
} }
&--mini{
background-color: $mini-button-color; &--mini {
background-color: $mini-button-color;
} }
&--link {
min-width: 219.3px;
margin: 0 auto;
display: block;
}
} }

View File

@ -5,10 +5,18 @@
width: 100%; width: 100%;
} }
input[type="date"]::after { select {
content: "au format JJ/MM/AAAA"; margin-right: 1ch;
display: inline-block; }
position: relative;
input {
margin-right: 1ch;
&[type="date"]::after {
content: "au format JJ/MM/AAAA";
display: inline-block;
position: relative;
}
} }
input, input,

View File

@ -2,14 +2,15 @@
h1, h1,
h2 { h2 {
font-family: $title_font; font-family: $title_font;
} }
h1 { h1 {
font-size: 2rem; font-size: 2.5rem;
font-weight: 600; font-weight: 600;
} }
h1::after{
background-color: $primary_color; h1::after {
height:2px; background-color: $primary_color;
height: 2px;
} }

View File

@ -1,7 +1 @@
@charset "UTF-8"; @charset "UTF-8";
section {
& + & {
margin-top: 6rem;
}
}