fenix-fox/chrome/pinned_tabs_on_right.css

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/pinned_tabs_on_right.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Show pinned tabs on right side of normal tabs */
/* This is stupid hack that barely works and might lead to some very unexpected behavior */

.scrollbutton-up[orient="horizontal"]~spacer{ display: none }

.scrollbutton-up[orient="horizontal"]~scrollbox{
  -moz-box-direction: inherit;
  -moz-box-pack: end;
}

.scrollbutton-up[orient="horizontal"]~scrollbox::after{
  display: -moz-box;
  content: "";
  -moz-box-flex: 1;
  -moz-box-ordinal-group: 2;
}

#tabs-newtab-button{ -moz-box-ordinal-group: 2 }
.tabbrowser-tab[pinned]{ -moz-box-ordinal-group: 3 }

#tabbrowser-tabs[positionpinnedtabs]{ direction: rtl }
#tabbrowser-tabs[positionpinnedtabs] > arrowscrollbox { -moz-box-direction: reverse }
.tab-content{ direction: ltr }