forked from em/receptty.org
Předělání seznamů
This commit is contained in:
parent
cc4208739a
commit
26350cbaf6
@ -2,30 +2,20 @@ ol {
|
|||||||
counter-reset:procedure;
|
counter-reset:procedure;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding:0;
|
padding:0;
|
||||||
position:relative; // allow being pushed
|
|
||||||
left:3em; // push to the right because of counter overflow
|
|
||||||
|
|
||||||
li {
|
li {
|
||||||
counter-increment:procedure;
|
counter-increment:procedure;
|
||||||
margin-bottom:1em;
|
margin-bottom:2.5em;
|
||||||
line-height:1.2rem;
|
line-height:1em;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content:counter(procedure);
|
content:counter(procedure)".";
|
||||||
|
display:block;
|
||||||
|
margin:0 .5em .5em 0;
|
||||||
|
width:auto;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
font-size:1.1rem;
|
font-size:2em;
|
||||||
background:$secondary;
|
color:$primary;
|
||||||
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
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user