body.rtl { direction: rtl; .column-header > button { text-align: right; padding-left: 0; padding-right: 15px; } .radio-button__input { margin-right: 0; margin-left: 10px; } .directory__card__bar .display-name { margin-left: 0; margin-right: 15px; } .display-name, .announcements__item { text-align: right; } .announcements__item__range { padding-right: 0; padding-left: 18px; } .reactions-bar { margin-left: auto; margin-right: -2px; direction: rtl; } .reactions-bar__item__count { margin-left: 0; margin-right: 6px; } .announcements__pagination { right: auto; left: 0; } .notification__message { margin-left: 0; margin-right: 68px; } .announcements__mastodon, .drawer__inner__mastodon > img { transform: scaleX(-1); } .notification__favourite-icon-wrapper { left: auto; right: -26px; } .landing-page__logo { margin-right: 0; margin-left: 20px; } .landing-page .features-list .features-list__row .visual { margin-left: 0; margin-right: 15px; } .column-link__icon, .column-header__icon { margin-right: 0; margin-left: 5px; } .compose-form .compose-form__buttons-wrapper .character-counter__wrapper { margin-right: 0; margin-left: 4px; } .navigation-bar__profile { margin-left: 0; margin-right: 8px; } .search__input { padding-right: 10px; padding-left: 30px; } .search__icon .fa { right: auto; left: 10px; } .columns-area { direction: rtl; } .column-header__buttons { left: 0; right: auto; margin-left: 0; margin-right: -15px; } .column-inline-form .icon-button { margin-left: 0; margin-right: 5px; } .column-header__links .text-btn { margin-left: 10px; margin-right: 0; } .account__avatar-wrapper { float: right; } .column-header__back-button { padding-left: 5px; padding-right: 0; } .column-header__setting-arrows { float: left; } .setting-toggle__label { margin-left: 0; margin-right: 8px; } .status__avatar { left: auto; right: 10px; } .status, .activity-stream .status.light { padding-left: 10px; padding-right: 68px; } .status__info .status__display-name, .activity-stream .status.light .status__display-name { padding-left: 25px; padding-right: 0; } .activity-stream .pre-header { padding-right: 68px; padding-left: 0; } .status__prepend { margin-left: 0; margin-right: 68px; } .status__prepend-icon-wrapper { left: auto; right: -26px; } .activity-stream .pre-header .pre-header__icon { left: auto; right: 42px; } .account__header__tabs__buttons > .icon-button { margin-right: 0; margin-left: 8px; } .account__avatar-overlay-overlay { right: auto; left: 0; } .column-back-button--slim-button { right: auto; left: 0; } .status__relative-time, .status__visibility-icon, .activity-stream .status.light .status__header .status__meta { float: left; } .status__action-bar { &__counter { margin-right: 0; margin-left: 11px; .status__action-bar-button { margin-right: 0; margin-left: 4px; } } } .status__action-bar-button { float: right; margin-right: 0; margin-left: 18px; } .status__action-bar-dropdown { float: right; } .privacy-dropdown__dropdown { margin-left: 0; margin-right: 40px; } .privacy-dropdown__option__icon { margin-left: 10px; margin-right: 0; } .picture-in-picture__header__account .display-name, .detailed-status__display-name .display-name { text-align: right; } .detailed-status__display-avatar { margin-right: 0; margin-left: 10px; float: right; } .picture-in-picture__header__account .account__avatar { margin-right: 0; margin-left: 10px; } .icon-button__counter { margin-left: 0; margin-right: 4px; } .notifications-permission-banner__close { right: auto; left: 10px; } .detailed-status__favorites, .detailed-status__reblogs { margin-left: 0; margin-right: 6px; } .fa-ul { margin-left: 2.14285714em; } .fa-li { left: auto; right: -2.14285714em; } .admin-wrapper { direction: rtl; } .admin-wrapper .sidebar ul a i.fa, a.table-action-link i.fa { margin-right: 0; margin-left: 5px; } .simple_form .check_boxes .checkbox label { padding-left: 0; padding-right: 25px; } .simple_form .input.with_label.boolean label.checkbox { padding-left: 25px; padding-right: 0; } .simple_form .check_boxes .checkbox input[type="checkbox"], .simple_form .input.boolean input[type="checkbox"] { left: auto; right: 0; } .simple_form .input.radio_buttons .radio { left: auto; right: 0; } .simple_form .input.radio_buttons .radio > label { padding-right: 28px; padding-left: 0; } .simple_form .input-with-append .input input { padding-left: 142px; padding-right: 0; } .simple_form .input.boolean label.checkbox { left: auto; right: 0; } .simple_form .input.boolean .label_input, .simple_form .input.boolean .hint { padding-left: 0; padding-right: 28px; } .simple_form .label_input__append { right: auto; left: 3px; &::after { right: auto; left: 0; background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%)); } } .simple_form select { background: darken($ui-base-color, 10%) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>") no-repeat left 8px center / auto 16px; } .table th, .table td { text-align: right; } .filters .filter-subset { margin-right: 0; margin-left: 45px; } .landing-page .header-wrapper .mascot { right: 60px; left: auto; } .landing-page__call-to-action .row__information-board { direction: rtl; } .landing-page .header .hero .floats .float-1 { left: -120px; right: auto; } .landing-page .header .hero .floats .float-2 { left: 210px; right: auto; } .landing-page .header .hero .floats .float-3 { left: 110px; right: auto; } .landing-page .header .links .brand img { left: 0; } .landing-page .fa-external-link { padding-right: 5px; padding-left: 0 !important; } .landing-page .features #mastodon-timeline { margin-right: 0; margin-left: 30px; } @media screen and (min-width: 631px) { .column, .drawer { padding-left: 5px; padding-right: 5px; &:first-child { padding-left: 5px; padding-right: 10px; } } .columns-area > div { .column, .drawer { padding-left: 5px; padding-right: 5px; } } } .columns-area--mobile .column, .columns-area--mobile .drawer { padding-left: 0; padding-right: 0; } .public-layout { .header { .nav-button { margin-left: 8px; margin-right: 0; } } .public-account-header__tabs { margin-left: 0; margin-right: 20px; } } .landing-page__information { .account__display-name { margin-right: 0; margin-left: 5px; } .account__avatar-wrapper { margin-left: 12px; margin-right: 0; } } .card__bar .display-name { margin-left: 0; margin-right: 15px; text-align: right; } .fa-chevron-left::before { content: "\F054"; } .fa-chevron-right::before { content: "\F053"; } .column-back-button__icon { margin-right: 0; margin-left: 5px; } .column-header__setting-arrows .column-header__setting-btn:last-child { padding-left: 0; padding-right: 10px; } .simple_form .input.radio_buttons .radio > label input { left: auto; right: 0; } .picture-in-picture { right: auto; left: 20px; } }