@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 5.79 kB
CSS
.nut-col{float:left;box-sizing:border-box;word-break:break-all;margin-bottom:var(--nutui-col-default-margin-bottom, 15px)}.nut-col.nut-col-gutter:last-child{padding-right:0}.nut-col.nut-col-gutter:first-child{padding-left:0}[dir=rtl] .nut-col,.nut-rtl .nut-col{float:right}[dir=rtl] .nut-col.nut-col-gutter:last-child,.nut-rtl .nut-col.nut-col-gutter:last-child{padding-right:0;padding-left:0}[dir=rtl] .nut-col.nut-col-gutter:first-child,.nut-rtl .nut-col.nut-col-gutter:first-child{padding-left:0;padding-right:0}.nut-col-offset-1{margin-left:calc(4.1666666667 * 1 * 1%)}[dir=rtl] .nut-col-offset-1,.nut-rtl .nut-col-offset-1{margin-left:0;margin-right:calc(4.1666666667 * 1 * 1%)}.nut-col-1{width:calc(4.1666666667 * 1 * 1%)}.nut-col-offset-2{margin-left:calc(4.1666666667 * 2 * 1%)}[dir=rtl] .nut-col-offset-2,.nut-rtl .nut-col-offset-2{margin-left:0;margin-right:calc(4.1666666667 * 2 * 1%)}.nut-col-2{width:calc(4.1666666667 * 2 * 1%)}.nut-col-offset-3{margin-left:calc(4.1666666667 * 3 * 1%)}[dir=rtl] .nut-col-offset-3,.nut-rtl .nut-col-offset-3{margin-left:0;margin-right:calc(4.1666666667 * 3 * 1%)}.nut-col-3{width:calc(4.1666666667 * 3 * 1%)}.nut-col-offset-4{margin-left:calc(4.1666666667 * 4 * 1%)}[dir=rtl] .nut-col-offset-4,.nut-rtl .nut-col-offset-4{margin-left:0;margin-right:calc(4.1666666667 * 4 * 1%)}.nut-col-4{width:calc(4.1666666667 * 4 * 1%)}.nut-col-offset-5{margin-left:calc(4.1666666667 * 5 * 1%)}[dir=rtl] .nut-col-offset-5,.nut-rtl .nut-col-offset-5{margin-left:0;margin-right:calc(4.1666666667 * 5 * 1%)}.nut-col-5{width:calc(4.1666666667 * 5 * 1%)}.nut-col-offset-6{margin-left:calc(4.1666666667 * 6 * 1%)}[dir=rtl] .nut-col-offset-6,.nut-rtl .nut-col-offset-6{margin-left:0;margin-right:calc(4.1666666667 * 6 * 1%)}.nut-col-6{width:calc(4.1666666667 * 6 * 1%)}.nut-col-offset-7{margin-left:calc(4.1666666667 * 7 * 1%)}[dir=rtl] .nut-col-offset-7,.nut-rtl .nut-col-offset-7{margin-left:0;margin-right:calc(4.1666666667 * 7 * 1%)}.nut-col-7{width:calc(4.1666666667 * 7 * 1%)}.nut-col-offset-8{margin-left:calc(4.1666666667 * 8 * 1%)}[dir=rtl] .nut-col-offset-8,.nut-rtl .nut-col-offset-8{margin-left:0;margin-right:calc(4.1666666667 * 8 * 1%)}.nut-col-8{width:calc(4.1666666667 * 8 * 1%)}.nut-col-offset-9{margin-left:calc(4.1666666667 * 9 * 1%)}[dir=rtl] .nut-col-offset-9,.nut-rtl .nut-col-offset-9{margin-left:0;margin-right:calc(4.1666666667 * 9 * 1%)}.nut-col-9{width:calc(4.1666666667 * 9 * 1%)}.nut-col-offset-10{margin-left:calc(4.1666666667 * 10 * 1%)}[dir=rtl] .nut-col-offset-10,.nut-rtl .nut-col-offset-10{margin-left:0;margin-right:calc(4.1666666667 * 10 * 1%)}.nut-col-10{width:calc(4.1666666667 * 10 * 1%)}.nut-col-offset-11{margin-left:calc(4.1666666667 * 11 * 1%)}[dir=rtl] .nut-col-offset-11,.nut-rtl .nut-col-offset-11{margin-left:0;margin-right:calc(4.1666666667 * 11 * 1%)}.nut-col-11{width:calc(4.1666666667 * 11 * 1%)}.nut-col-offset-12{margin-left:calc(4.1666666667 * 12 * 1%)}[dir=rtl] .nut-col-offset-12,.nut-rtl .nut-col-offset-12{margin-left:0;margin-right:calc(4.1666666667 * 12 * 1%)}.nut-col-12{width:calc(4.1666666667 * 12 * 1%)}.nut-col-offset-13{margin-left:calc(4.1666666667 * 13 * 1%)}[dir=rtl] .nut-col-offset-13,.nut-rtl .nut-col-offset-13{margin-left:0;margin-right:calc(4.1666666667 * 13 * 1%)}.nut-col-13{width:calc(4.1666666667 * 13 * 1%)}.nut-col-offset-14{margin-left:calc(4.1666666667 * 14 * 1%)}[dir=rtl] .nut-col-offset-14,.nut-rtl .nut-col-offset-14{margin-left:0;margin-right:calc(4.1666666667 * 14 * 1%)}.nut-col-14{width:calc(4.1666666667 * 14 * 1%)}.nut-col-offset-15{margin-left:calc(4.1666666667 * 15 * 1%)}[dir=rtl] .nut-col-offset-15,.nut-rtl .nut-col-offset-15{margin-left:0;margin-right:calc(4.1666666667 * 15 * 1%)}.nut-col-15{width:calc(4.1666666667 * 15 * 1%)}.nut-col-offset-16{margin-left:calc(4.1666666667 * 16 * 1%)}[dir=rtl] .nut-col-offset-16,.nut-rtl .nut-col-offset-16{margin-left:0;margin-right:calc(4.1666666667 * 16 * 1%)}.nut-col-16{width:calc(4.1666666667 * 16 * 1%)}.nut-col-offset-17{margin-left:calc(4.1666666667 * 17 * 1%)}[dir=rtl] .nut-col-offset-17,.nut-rtl .nut-col-offset-17{margin-left:0;margin-right:calc(4.1666666667 * 17 * 1%)}.nut-col-17{width:calc(4.1666666667 * 17 * 1%)}.nut-col-offset-18{margin-left:calc(4.1666666667 * 18 * 1%)}[dir=rtl] .nut-col-offset-18,.nut-rtl .nut-col-offset-18{margin-left:0;margin-right:calc(4.1666666667 * 18 * 1%)}.nut-col-18{width:calc(4.1666666667 * 18 * 1%)}.nut-col-offset-19{margin-left:calc(4.1666666667 * 19 * 1%)}[dir=rtl] .nut-col-offset-19,.nut-rtl .nut-col-offset-19{margin-left:0;margin-right:calc(4.1666666667 * 19 * 1%)}.nut-col-19{width:calc(4.1666666667 * 19 * 1%)}.nut-col-offset-20{margin-left:calc(4.1666666667 * 20 * 1%)}[dir=rtl] .nut-col-offset-20,.nut-rtl .nut-col-offset-20{margin-left:0;margin-right:calc(4.1666666667 * 20 * 1%)}.nut-col-20{width:calc(4.1666666667 * 20 * 1%)}.nut-col-offset-21{margin-left:calc(4.1666666667 * 21 * 1%)}[dir=rtl] .nut-col-offset-21,.nut-rtl .nut-col-offset-21{margin-left:0;margin-right:calc(4.1666666667 * 21 * 1%)}.nut-col-21{width:calc(4.1666666667 * 21 * 1%)}.nut-col-offset-22{margin-left:calc(4.1666666667 * 22 * 1%)}[dir=rtl] .nut-col-offset-22,.nut-rtl .nut-col-offset-22{margin-left:0;margin-right:calc(4.1666666667 * 22 * 1%)}.nut-col-22{width:calc(4.1666666667 * 22 * 1%)}.nut-col-offset-23{margin-left:calc(4.1666666667 * 23 * 1%)}[dir=rtl] .nut-col-offset-23,.nut-rtl .nut-col-offset-23{margin-left:0;margin-right:calc(4.1666666667 * 23 * 1%)}.nut-col-23{width:calc(4.1666666667 * 23 * 1%)}.nut-col-offset-24{margin-left:calc(4.1666666667 * 24 * 1%)}[dir=rtl] .nut-col-offset-24,.nut-rtl .nut-col-offset-24{margin-left:0;margin-right:calc(4.1666666667 * 24 * 1%)}.nut-col-24{width:calc(4.1666666667 * 24 * 1%)}