search

bantikyan / icheck-material

Pure css material checkboxes and radio buttons.
https://bantikyan.github.io/icheck-material/
MIT License
35 stars 11 forks source link

RTL Style via dir="rtl" #4

Open immortal25ir opened 5 years ago

immortal25ir commented 5 years ago

[class*="icheck-material"][dir="rtl"] { float: right; width: 100%; position: relative; margin: 12px 0 0 0px!important; padding: 0 0 0 2px; } [class*="icheck-material"][dir="rtl"]>input { top: 0; } [class*="icheck-material"][dir="rtl"]>label { padding-left: 0 !important; padding-right: 29px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [class*="icheck-material"][dir="rtl"]>input:first-child+label::before, [class*="icheck-material"][dir="rtl"]>input:first-child+input[type="hidden"]+label::before { margin-left: 0; margin-right: -29px; } [class*="icheck-material"][dir="rtl"]>input:first-child:checked+label::after, [class*="icheck-material"][dir="rtl"]>input:first-child:checked+input[type="hidden"]+label::after { left: inherit; right: 14px; } [class*="icheck-material"][dir="rtl"]>input[type="radio"]:first-child:checked+label::after { right: 6px; }

C-Duv commented 3 years ago

Interesting issue (I kind of get the point) but I think it lacks some proper description.

Would you mind elaborate?