ch4o5/locomotive-boilerplate
Template
1
0
Fork 0
mirror of https://github.com/locomotivemtl/locomotive-boilerplate.git synced 2026-01-15 00:55:08 +08:00
Code Issues Projects Releases Wiki Activity

Reset default browser styles for ul and ol

Browse Source
This commit is contained in:
Lucas Bigot
2024-03-27 21:04:45 -04:00
parent a6016cfe57
commit 67dd991e97
1 changed files with 5 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
assets/styles/components/_wysiwyg.scss
View File

@@ -166,58 +166,16 @@
// @include heading-h6;
}
// ==========================================================================
// Lists
// ==========================================================================
ul,
ol {
position: relative;
margin: size-clamp('md') 0;
>li {
padding-left: rem(30px);
}
}
ul {
& > li {
position: relative;
& + li {
margin-top: 0;
}
&::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 8px;
height: 8px;
background-color: currentColor;
border-radius: 100%;
}
}
}
ol {
counter-reset: counter;
& > li {
counter-increment: counter;
position: relative;
& + li {
margin-top: 0;
}
&::before {
position: absolute;
left: 0;
content: counter(counter);
}
& + p,
& + ul,
& + ol,
& + blockquote {
margin-top: size-clamp('sm');
}
}