ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2026-04-27 00:08:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove list background image and adjust list style

Browse Source
This commit is contained in:
Wolfgang Huß 2021-02-22 15:25:04 +01:00
parent 2231d5aee3
commit 996853321f
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
webapp/assets/_new/styles/tokens.scss
View File

@ -356,4 +356,3 @@ $media-query-x-large: (min-width: 1200px);
/** /**
* @tokens Background Images * @tokens Background Images
*/ */
$background-image-logo: url('/icon.png');

24
webapp/components/Editor/Editor.vue
View File

@ -329,19 +329,25 @@ li > p {
} }
ul { ul {
padding-left: $space-small; // padding-left: $space-small;
padding-left: $space-x-large;
// list-style-position: outside;
// list-style-type: circle;
li { li {
display: block; display: block;
list-style-position: outside;
text-indent: -$space-large;
p:first-child:before { p:first-child:before {
content: ''; // list-style-position: inside;
background-image: $background-image-logo; content: '•';
background-position: center;
background-repeat: no-repeat;
background-size: $line-height-small;
padding: $space-none $space-x-small; padding: $space-none $space-x-small;
margin-right: $space-x-small; margin-right: $space-x-small;
// text-indent: -1em;
// padding-left: 1em;
// padding: 10px 0 10px 20px;
// text-indent: -1em;
} }
p:not(:first-child) { p:not(:first-child) {
@ -353,14 +359,18 @@ li > p {
ol { ol {
// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters
counter-reset: item; counter-reset: item;
padding-left: $space-small; // padding-left: $space-small;
padding-left: $space-x-large;
li { li {
display: block; display: block;
list-style-position: outside;
text-indent: -$space-large;
p:first-child:before { p:first-child:before {
content: counters(item, '.') '.'; content: counters(item, '.') '.';
counter-increment: item; counter-increment: item;
padding: $space-none $space-x-small;
margin-right: $space-x-small; margin-right: $space-x-small;
} }