IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +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
*/
$background-image-logo: url('/icon.png');

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

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