UNPKG

@insaic/neon

Version:

A Mobile UI Components built on Vue

51 lines (49 loc) 1.49 kB
.sq-radio-group-cell, .sq-radio-group-cell-between { display: block; } .sq-radio-group-cell .sq-radio, .sq-radio-group-cell-between .sq-radio { display: block; background-color: #ffffff; height: 48px; line-height: 48px; padding: 0 16px; } .sq-radio-group-cell .sq-radio ~ .sq-radio, .sq-radio-group-cell-between .sq-radio ~ .sq-radio { position: relative; } .sq-radio-group-cell .sq-radio ~ .sq-radio::before, .sq-radio-group-cell-between .sq-radio ~ .sq-radio::before { content: " "; position: absolute; left: 16px; right: 0; height: 1px; border: 0 solid #e5e5e5; color: #e5e5e5; background-color: #e5e5e5; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 0; top: 0; border-top: 1px; } .sq-radio-group-cell-between .sq-radio-wrap { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sq-radio-group-cell-between .sq-radio-text { margin-left: 0; } .sq-radio-group-disabled { color: #bbb; }