Commit e434db60 authored by Benthe Kuijpers's avatar Benthe Kuijpers
Browse files

ol and ul styling for item content

parent 4a37601a
......@@ -23,69 +23,6 @@
font-size: 18px;
line-height: 32px;
}
ul, ol {
list-style: none;
margin: 0 0 20px;
padding: 0;
li {
padding: 0 0 0 30px;
position: relative;
margin: 0 0 5px;
&:before,
&:after {
content: " ";
display: block;
position: absolute;
left: 0;
mix-blend-mode: multiply;
background: $blue;
border-radius: 50%;
}
&:before {
z-index: -2;
background: $bg-yellow;
transform: rotate(0deg) translate(1px, 1px);
}
}
}
ol {
counter-reset: counter;
li {
counter-increment: counter;
&:before,
&:after {
z-index: -1;
font-family: $font-header;
content: counter(counter);
font-weight: 600;
font-size: 15px;
line-height: 20px;
color: white;
text-align: center;
top: 5px;
height: 20px;
width: 20px;
}
}
}
ul li {
&:before,
&:after {
width: 10px;
height: 10px;
border-radius: 50%;
top: 10px;
left: 5px;
}
}
}
&__image {
......@@ -110,4 +47,77 @@
&__button {
margin: 100px 0 3px;
}
}
.single__content,
.item__content,
.content-row .text-wrapper {
ul, li {
font-size: 18px;
line-height: 32px;
}
ul, ol {
list-style: none;
margin: 0 0 20px;
padding: 0;
li {
padding: 0 0 0 30px;
position: relative;
margin: 0 0 5px;
&:before,
&:after {
content: " ";
display: block;
position: absolute;
left: 0;
mix-blend-mode: multiply;
background: $blue;
border-radius: 50%;
}
&:before {
z-index: -2;
background: $bg-yellow;
transform: rotate(0deg) translate(1px, 1px);
}
}
}
ol {
counter-reset: counter;
li {
counter-increment: counter;
&:before,
&:after {
z-index: -1;
font-family: $font-header;
content: counter(counter);
font-weight: 600;
font-size: 15px;
line-height: 20px;
color: white;
text-align: center;
top: 5px;
height: 20px;
width: 20px;
}
}
}
ul li {
&:before,
&:after {
width: 10px;
height: 10px;
border-radius: 50%;
top: 10px;
left: 5px;
}
}
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment