youssefreda9 commited on
Commit
af0c1dc
·
1 Parent(s): 16da498

fix: Indent/outdent visible styling - blockquote gets right padding + blue border for RTL - Lists (ul/ol) get proper RTL padding - Each indent level nests another blockquote

Browse files
Files changed (1) hide show
  1. src/css/components.css +20 -0
src/css/components.css CHANGED
@@ -519,6 +519,26 @@
519
  outline: none;
520
  }
521
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
522
  .editor-surface[data-empty="true"]::before {
523
  content: attr(data-placeholder);
524
  color: var(--color-placeholder);
 
519
  outline: none;
520
  }
521
 
522
+ /* Indent (blockquote) styling inside editor */
523
+ .editor-surface blockquote {
524
+ margin: 0;
525
+ padding-right: 2rem;
526
+ border-right: 3px solid var(--color-primary);
527
+ border-left: none;
528
+ }
529
+
530
+ /* List styling inside editor */
531
+ .editor-surface ul,
532
+ .editor-surface ol {
533
+ margin: 0.5em 0;
534
+ padding-right: 2rem;
535
+ padding-left: 0;
536
+ }
537
+
538
+ .editor-surface li {
539
+ margin-bottom: 0.25em;
540
+ }
541
+
542
  .editor-surface[data-empty="true"]::before {
543
  content: attr(data-placeholder);
544
  color: var(--color-placeholder);