receptty.org/sass/_lists.scss
Emil Miler b60ce67f0e Padding u kroků receptu
Zvětší se tak plocha, na kterou lze kliknout pro označení hotového
kroku. Dříve bylo třeba trefit se přímo na řádek.
2021-03-11 17:22:10 +01:00

29 lines
446 B
SCSS

ol {
counter-reset:procedure;
list-style-type: none;
margin:3em 0 4em 0;
padding:0;
li {
counter-increment:procedure;
display:flex;
margin-bottom: 1em;
padding: 1em 0;
line-height:1.2em;
cursor:pointer;
&:before {
content:counter(procedure)".";
display:flex;
align-items:center;
margin-right:.5em;
width:auto;
font-weight:bold;
font-size:2em;
color:$primary;
}
&.completed { opacity: .4; }
}
}