rtl docs

Jacky Zhao

2022-02-17 9c04ca026676445849081d32efb8e840465994d5

 assets/base.scss

@@ -6,7 +6,7 @@
  --lt-colours-gray: var(--outlinegray) !important;
}

h1, h2, h3, h4, ol, ul, thead {
h1, h2, h3, h4, h5, h6, ol, ul, thead {
  font-family: Inter;
  color: var(--dark);
  font-weight: revert;
@@ -225,6 +225,13 @@

html {
  scroll-behavior: smooth;

  &:lang(ar) {
    & p, & h1, & h2, & h3, article {
      direction: rtl;
      text-align: right;
    }
  }
}

body {
@@ -463,7 +470,7 @@
.popover {
  z-index: 999;
  position: absolute;
  width: 15em;
  width: 20em;
  display: inline-block;
  visibility: hidden;
  background-color: var(--light);
@@ -484,11 +491,18 @@
  }

  & > h3 {
    margin: 0.5em 0;
    font-size: 1rem;
    margin: 0.25em 0;
  }

  & > .meta {
    margin-top: 0.25em;
    opacity: 0.5;
  }

  & > p {
    margin: 0;
    font-weight: 400;
    user-select: none;
  }
}