🎨 Dégradé plus neutre et moins de polices grasses
parent
3262463143
commit
f53e98123f
|
@ -2,9 +2,6 @@
|
|||
transition: background 0.8s;
|
||||
font-size: 105%;
|
||||
}
|
||||
.Rule-value .figure {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Animation of summary figures changes : flash ! */
|
||||
.flash-enter {
|
||||
|
|
|
@ -3,9 +3,8 @@
|
|||
box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
|
||||
background: linear-gradient(
|
||||
60deg,
|
||||
rgba(39, 69, 195, 0.87) 5%,
|
||||
rgba(41, 117, 209, 1) 50%,
|
||||
rgba(200, 40, 120, 0.52) 110%
|
||||
rgba(39, 69, 195, 0.87) 0%,
|
||||
rgba(41, 117, 209, 1) 100%
|
||||
);
|
||||
}
|
||||
|
||||
|
@ -70,9 +69,9 @@
|
|||
}
|
||||
|
||||
#targetSelection .targetInputOrValue {
|
||||
font-size: 125%;
|
||||
font-size: 135%;
|
||||
display: flex;
|
||||
height: 1.6em;
|
||||
height: 1.4em;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
margin-left: 0.6em;
|
||||
|
@ -90,9 +89,9 @@
|
|||
width: 5.5em !important;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
font-weight: 700;
|
||||
font-weight: 500;
|
||||
padding: 0;
|
||||
padding: 0em 0.5em;
|
||||
padding: 0.2em 0.5em;
|
||||
background: rgba(255, 255, 255, 0);
|
||||
border-radius: 0.2em;
|
||||
border: 2px solid white;
|
||||
|
@ -113,7 +112,7 @@
|
|||
font-style: italic;
|
||||
color: #c0392b;
|
||||
background: yellow;
|
||||
font-weight: 600;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#targetSelection .inputSuggestions {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
list-style: none;
|
||||
display: inline-flex;
|
||||
align-items: flex-end;
|
||||
font-weight: 600;
|
||||
font-weight: 500;
|
||||
}
|
||||
.inputSuggestions li {
|
||||
text-align: center;
|
||||
|
|
|
@ -0,0 +1,36 @@
|
|||
.RuleValueVignette .rule-box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.rule-box:hover {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.RuleValueVignette .rule-box > span {
|
||||
display: inline-block;
|
||||
}
|
||||
.RuleValueVignette .rule-name {
|
||||
font-weight: 600;
|
||||
font-size: 105%;
|
||||
}
|
||||
.Rule-value {
|
||||
transition: background 0.8s;
|
||||
font-size: 105%;
|
||||
}
|
||||
.Rule-value .unsatisfied {
|
||||
font-style: italic;
|
||||
font-size: 85%;
|
||||
}
|
||||
.Rule-value .irrelevant {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Animation of summary figures changes : flash ! */
|
||||
.flash-enter {
|
||||
background: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.flash-leave {
|
||||
/* Completely hide the button while it's being animated and before it's removed from the DOM. */
|
||||
display: none;
|
||||
}
|
Loading…
Reference in New Issue