🎨 empeche l'effet 'FOUC' et améliore la page d'accueil

pull/294/head
Johan Girod 2018-06-29 15:41:12 +02:00 committed by Mael
parent 6e7b2361b9
commit 4719175af7
3 changed files with 31 additions and 6 deletions

View File

@ -11,6 +11,11 @@
<!-- data-helmet pour que React Helmet puisse écraser ce meta par défaut -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,500,600,700' rel='stylesheet' type='text/css'>
<link rel="manifest" href="/manifest.webmanifest">
<style>
#js {
display: none
}
</style>
<meta name="theme-color" content="#2975d1">
</head>

View File

@ -3,7 +3,16 @@
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem;
}
@media (min-width: 500px) {
.landing__header {
padding: 1.75rem;
}
.landing__banner {
border-top-left-radius: 0.7rem;
border-top-right-radius: 0.7rem;
}
}
.landing__header h1 {
color: inherit;
@ -11,15 +20,17 @@
.landing__header header {
text-align: center;
animation: fade-in 1s;
background: linear-gradient(
227deg,
80deg,
rgba(39, 69, 195, 0.87) 10%,
rgba(41, 117, 209, 1) 60%,
rgba(200, 40, 120, 0.52) 100%
);
color: white;
border: 1px solid rgba(255, 255, 255, 0.9);
border: 1px solid rgba(255, 255, 255, 1);
padding: 1rem;
}
.landing__header ul {
@ -38,14 +49,19 @@
.landing__banner {
height: 100px;
width: 100%;
opacity: 0.9;
display: flex;
justify-content: space-between;
background: white;
border-top-left-radius: 0.7rem;
border-top-right-radius: 0.7rem;
padding: 1rem;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Pris sur urssaf.fr */
@media (min-width: 1200px) {
.landing__banner,

View File

@ -27,3 +27,7 @@ body {
ul.ui__.no-bullet {
list-style: none;
}
#js {
display: block;
}