65 lines
971 B
SCSS
65 lines
971 B
SCSS
.white-block {
|
|
background: white;
|
|
margin-bottom: 1rem;
|
|
padding: 0.75rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.list-of-choices {
|
|
.button {
|
|
.icon {
|
|
margin-right: 1ch !important;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
.choice-label {
|
|
font-size: 1rem;
|
|
color: #383838;
|
|
}
|
|
.choice-header {
|
|
margin-left: -0.75rem;
|
|
margin-right: -0.75rem;
|
|
border-bottom: 1px solid #e2e0fa;
|
|
}
|
|
.max_score {
|
|
color: green;
|
|
}
|
|
}
|
|
.date-label {
|
|
font-size: 1rem;
|
|
color: #383838;
|
|
font-weight: bold;
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
|
|
.choice-bars-display {
|
|
.is-narrow {
|
|
width: 5em;
|
|
text-align: right;
|
|
padding-right: 1em;
|
|
}
|
|
.bar {
|
|
}
|
|
}
|
|
.bar-div {
|
|
padding: 0.25rem 0.025rem;
|
|
text-align: center;
|
|
border-radius: 0.25rem;
|
|
}
|
|
div {
|
|
&.has-background-yes {
|
|
border: green;
|
|
background: yellowgreen;
|
|
@extend .bar-div;
|
|
}
|
|
&.has-background-maybe {
|
|
border: orange;
|
|
background: yellow;
|
|
@extend .bar-div;
|
|
}
|
|
&.has-background-no {
|
|
border: red;
|
|
background: pink;
|
|
@extend .bar-div;
|
|
}
|
|
}
|