pablocattaneo
7/25/2017 - 8:51 PM

radio style (algoritmo de Sergio) ejemplo: http://c4m2.dev.topgroup.com.ar/customer/account/create/

radio style (algoritmo de Sergio)

ejemplo: http://c4m2.dev.topgroup.com.ar/customer/account/create/

radio_button.styl
content_copyfile_download
input[type="radio"]
  &:not(:checked)
  &:checked
    position absolute
    left -9999px
    & + label
      position relative
      padding 5px 15px 5px 30px
      display inline-block
      margin-bottom 10px
      cursor pointer
      &:before
        content ""
        position absolute
        left 0
        top 2px
        width 10px
        height 10px
        border-radius 50%
        border 7px solid #fff
        box-shadow 0 0 1px #000
  &:checked + label:before
    background-color #060
radio_button.html
content_copyfile_download
<div class="control">
    <input type="radio" id="mundo_bb_subscribed_1" name="mundo_bb_subscribed" value="1" class="radio">
    <label for="mundo_bb_subscribed_1" class="label"><span>Sí</span></label>
    <input type="radio" id="mundo_bb_subscribed_0" name="mundo_bb_subscribed" value="0" class="radio" checked="checked">
    <label for="mundo_bb_subscribed_0" class="label"><span>No</span></label>
</div>