🎨 Dégradé plus neutre et moins de polices grasses

pull/294/head
Mael 2018-07-03 15:03:51 +00:00
parent 3262463143
commit f53e98123f
4 changed files with 44 additions and 12 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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;

View File

@ -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;
}