receptty.org/sass/_lists.scss
2019-10-30 11:58:46 +01:00

32 lines
775 B
SCSS

ol {
counter-reset:procedure;
list-style-type: none;
padding:0;
position:relative; // allow being pushed
left:3em; // push to the right because of counter overflow
li {
counter-increment:procedure;
margin-bottom:1em;
line-height:1.2rem;
&:before {
content:counter(procedure);
font-weight:bold;
font-size:1.1rem;
background:$secondary;
color:#000;
border-radius:100%;
border:1px solid $border;
width:2rem;
height:2rem;
display:inline-block; // allows float and keeps dimensions
position:relative; // allow being pushed
left:-2.7em; // move to the left not to overlap with text
text-align:center;
line-height:2.3rem; // vertical center on text
margin-right:-2em; // pull the first line of text to the left
}
}
}