Trello RTL style

gistfile1.txt

@font-face {
    font-family: 'vazir-font';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.rawgit.com/rastikerdar/vazir-font/v19.0.0/dist/Vazir.woff') format('woff');
    font-display: swap; 
}
#board {
    padding: 0 15px;
}
body {
    background: #216f95;
}
body, button, html, input, select, textarea {
    font-family: 'vazir-font', 'Segoe UI', sans-serif;
    font-size: 16px;
}
.window-header:after,
.window-module-title:after {
    display: block;
    content: '';
    clear: both;
}
#board,
textarea,
.checklist-item-row,
.card-detail-fake-text-area,
.checklist-item-details-text,
.phenom.mod-comment-type .phenom-reactions,
.phenom-desc,
.action-comment p {
    direction: rtl;
    text-align: right;
}
pre,
code {
    direction: ltr;
}
.list-card-operation,
.checklist-item-details .checklist-item-menu-wrapper,
.list-header-extras,
.member-type,
.board-menu, 
.board-menu-container {
    right: auto;
}
.checklist-progress-bar-current,
.checklist-progress-percentage,
.checklist-item-checkbox {
    right: 0;
}
.window-module-title-icon,
.new-comment .member,
.phenom-creator, 
.phenom-icon {
    right: -40px;
}
.window-module-title-icon,
.checklist-progress-bar-current,
.checklist-progress-percentage,
.checklist-item-checkbox,
.new-comment .member,
.phenom-creator, 
.phenom-icon {
    left: auto;
}
.checklist-item-details .checklist-item-menu-wrapper,
.board-menu, 
.board-menu-container {
    left: 0;
}
.board-header-btns.mod-left,
.window-main-col,
.window-header-inline-content,
.window-module-title h3,
.card-label.mod-card-front,
.board-header-btn,
.board-header-btn-divider,
.phenom-desc .inline-member {
    float: right;
}
.board-header-btns.mod-right,
.window-sidebar, 
.window-module-title-options,
.board-header-facepile .member {
    float: left;
}
.board-menu {
    transform: translateX(-339px);
}
.board-wrapper.is-show-menu .board-menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.list-card-operation {
    left: 2px;
}
.list-header.is-menu-shown, 
.list-header.is-subscribe-shown {
    padding-right: 0;
    padding-left: 36px;
}
.list-header-extras {
    left: 4px;
}
.board-header-btn {
    margin: 0 0 0 4px;
}
.board-header-facepile .member {
    margin: 0 -2px 0 0;
}
.member-type {
    left: 1px;
}
.board-header-facepile {
    margin-right: 8px;
    margin-left: 0;
    padding: 2px 4px 0 0;
}
.board-header-btn-divider {
    border-right: 1px solid hsla(0,0%,100%,.2);
    border-left: 0;
    margin: 8px 0 0 4px;
}
.window-main-col {
    padding: 0 16px 8px 8px;
}
.window-sidebar {
    padding: 8px 8px 8px 16px;
}
.window-module-title {
    margin: 0 40px 4px 0;
}
.window-module-title-options {
    margin-right: 0;
    margin-left: 2px;
}
.checklist-progress-bar {
    margin: 0 40px 0 0;
}
.checklist-item {
    padding-right: 40px;
    padding-left: 0;
}
.checklist-item-details {
    padding-right: 0;
    padding-left: 32px;
}
.u-gutter {
    margin-left: 0;
}
.new-comment {
    margin: 0 40px 20px 0;
}
.phenom {
    margin-right: 40px;
    margin-left: 0;
}
.phenom-desc {
    margin: 0 0 0 24px;
}
.phenom-reactions {
    margin-right: 0;
    margin-left: 24px;
}
.phenom-desc .inline-member {
    margin-left: 10px;
}
.phenom.mod-attachment-type .phenom-desc .phenom-date, 
.phenom.mod-comment-type .phenom-desc .phenom-date {
    display: inline-block;
}
.board-wrapper.is-show-menu .board-main-content {
    margin-right: 0;
    margin-left: 339px;
}