Si on suit les considérations du domain-driven design, le fait qu'on réfère toustes à cette partie du code comme `le frontend` me pousse à renommer le package pour mieux réflèter notre utilisation. Ça devrait rendre plus évident où les fichiers sources du frontend sont situés.
48 lines
No EOL
712 B
CSS
48 lines
No EOL
712 B
CSS
body {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.snackbar {
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: #FF563C;
|
|
color: #fff;
|
|
width: 100%;
|
|
padding: 5px 0;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.snackbar-is-closed {
|
|
display: none;
|
|
}
|
|
|
|
.snackbarWrapper {
|
|
display: flex;
|
|
flex-flow: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
line-height: 100%;
|
|
}
|
|
|
|
span {
|
|
margin: 10px 10px 10px 0;
|
|
font-size: 0.75rem;
|
|
/*12px*/
|
|
font-family: 'Poppins';
|
|
font-weight: 600;
|
|
/*semi-bold*/
|
|
}
|
|
|
|
@media screen and (min-width: 375px) {
|
|
span {
|
|
font-size: 1rem;
|
|
/*16px*/
|
|
}
|
|
}
|
|
|
|
.snackbarFermer {
|
|
height: 30px;
|
|
width: 30px;
|
|
cursor: pointer;
|
|
} |