metro4/build/css/metro-rtl.min.css

The front-end framework for Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style

.accordion.rtl.material>.frame>.heading,.accordion[dir=rtl].material>.frame>.heading{padding:16px 16px 16px 42px}.accordion.rtl.material>.frame>.heading::after,.accordion[dir=rtl].material>.frame>.heading::after{left:16px;right:auto;top:8px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion.rtl.material>.frame.active .heading::after,.accordion[dir=rtl].material>.frame.active .heading::after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}input.rtl,input[dir=rtl]{direction:rtl}.input.rtl,.input[dir=rtl]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap}.input.rtl input,.input[dir=rtl] input{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;direction:rtl}.input.rtl .button-group,.input[dir=rtl] .button-group{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.input.rtl .prepend,.input[dir=rtl] .prepend{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.input.rtl .append,.input[dir=rtl] .append{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.file.rtl .append,.file[dir=rtl] .append{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.file.rtl .prepend,.file[dir=rtl] .prepend{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.file.rtl .caption,.file[dir=rtl] .caption{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;text-align:right}.file.rtl button,.file[dir=rtl] button{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-left:0;margin-right:auto}.textarea.rtl,.textarea[dir=rtl]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea.rtl .prepend,.textarea[dir=rtl] .prepend{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.textarea.rtl .append,.textarea[dir=rtl] .append{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.textarea.rtl textarea,.textarea[dir=rtl] textarea{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.textarea.rtl .input-clear-button,.textarea[dir=rtl] .input-clear-button{right:auto;left:.25rem}.textarea.rtl .input-clear-button~textarea,.textarea[dir=rtl] .input-clear-button~textarea{padding-left:48px;padding-right:.75rem}.select.rtl,.select[dir=rtl]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.select.rtl .select-input,.select[dir=rtl] .select-input{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.select.rtl .prepend,.select[dir=rtl] .prepend{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.select.rtl .append,.select[dir=rtl] .append{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.select.rtl .button-group,.select[dir=rtl] .button-group{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.select.rtl.dropdown-toggle,.select[dir=rtl].dropdown-toggle{padding-right:0!important;padding-left:.9rem}.select.rtl.dropdown-toggle::before,.select[dir=rtl].dropdown-toggle::before{margin-left:.9rem;left:0}