2019-10-30 11:58:46 +01:00
|
|
|
ol {
|
|
|
|
|
counter-reset:procedure;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
padding:0;
|
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
counter-increment:procedure;
|
2021-01-23 17:55:29 +01:00
|
|
|
display:flex;
|
2021-02-09 15:31:13 +01:00
|
|
|
margin-bottom: 1em;
|
|
|
|
|
padding: 1em 0;
|
2021-01-23 17:55:29 +01:00
|
|
|
line-height:1.2em;
|
2021-01-23 17:58:03 +01:00
|
|
|
cursor:pointer;
|
2022-01-11 14:41:26 +01:00
|
|
|
transition: opacity .1s;
|
2019-10-30 11:58:46 +01:00
|
|
|
|
|
|
|
|
&:before {
|
2020-01-04 12:26:26 +01:00
|
|
|
content:counter(procedure)".";
|
2021-01-23 17:55:29 +01:00
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
margin-right:.5em;
|
2020-01-04 12:26:26 +01:00
|
|
|
width:auto;
|
2019-10-30 11:58:46 +01:00
|
|
|
font-weight:bold;
|
2020-01-04 12:26:26 +01:00
|
|
|
font-size:2em;
|
|
|
|
|
color:$primary;
|
2019-10-30 11:58:46 +01:00
|
|
|
}
|
2021-01-23 15:32:22 +01:00
|
|
|
|
|
|
|
|
&.completed { opacity: .4; }
|
2019-10-30 11:58:46 +01:00
|
|
|
}
|
|
|
|
|
}
|
2021-02-09 21:55:45 +01:00
|
|
|
|
|
|
|
|
main ul li {
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
line-height:1.2em;
|
|
|
|
|
}
|
