/*
   grid.css - for horizontal and vertival writing

   Copyleft 🄯 2021 Taiji Yamada <taiji@aihara.co.jp>
*/
:not([style*='writing-mode: tb-rl;']).rules-fixed-lh, .rules-fixed-lh-lr-tb {
  line-height: 1.2;
  border-color: #0000FF77;
  border-style: solid;
  border-width: 0 0 1px 0;
  background-image:
    linear-gradient(0deg, transparent calc(100% - 1px), #0000FF77 1px);
  background-size: 1em 1.2em;
}
[style*='writing-mode: tb-rl;'].rules-fixed-lh, .rules-fixed-lh-tb-rl {
  line-height: 1.2;
  border-color: #00770077;
  border-style: solid;
  border-width: 0 0 0 1px;
  background-image:
    linear-gradient(90deg, transparent calc(100% - 1px), #00770077 1px);
  background-size: 1.2em 1em;
}
:not([style*='writing-mode: tb-rl;']).grid-fixed-lh, .grid-fixed-lh-lr-tb {
  line-height: 1.2;
  border-color: #0000FF77;
  border-style: solid;
  border-width: 0 0 1px 1px;
  background-image:
    linear-gradient(0deg,  transparent calc(100% - 1px), #0000FF77 1px),
    linear-gradient(90deg, transparent calc(100% - 1px), #0000FF77 1px);
  background-size: 1em 1.2em;
}
[style*='writing-mode: tb-rl;'].grid-fixed-lh, .grid-fixed-lh-tb-rl {
  line-height: 1.2;
  border-color: #00770077;
  border-style: solid;
  border-width: 0 0 1px 1px;
  background-image:
    linear-gradient(0deg,  transparent calc(100% - 1px), #00770077 1px),
    linear-gradient(90deg, transparent calc(100% - 1px), #00770077 1px);
  background-size: 1.2em 1em;
}