1
0
Fork 0
mirror of https://github.com/betagouv/mon-entreprise synced 2025-02-09 05:15:02 +00:00
mon-entreprise/source/components/ComparativeTargets.css
Mael d72cf4b753 Utilisation choisie des contrôles pertinents
Pour n'afficher dans le simulateur des indépendants que le contrôle
relatif au plafond de la micro-entreprise, et bien l'intégrer dans
l'interface
2019-01-07 11:35:11 +01:00

49 lines
863 B
CSS

#targets {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#targets ul {
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
}
#targets li {
margin: 1em;
background: var(--colour);
padding: 1em;
width: 12em;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
border-radius: 0.6em;
box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}
#targets .title {
margin-bottom: 0.6em;
}
#targets .value {
font-size: 180%;
}
#targets .unit {
}
#targets .explanation {
font-size: 150%;
text-decoration: none;
line-height: 0;
}
#targets #microNotApplicable {
font-style: italic;
text-align: center;
font-size: 90%;
}
#targets .microNotApplicable {
opacity: 0.85;
filter: grayscale(80%)
}