Contents

div.effective_radio_buttons.image_radio_buttons {
  input { display: none; }

  .radio label { padding-left: 0px; }

  // Nested style
  label > input + img {
    cursor: pointer;
    border: 3px solid transparent;
  }

  label > input:checked + img {
    border: 3px solid #009bc9;
  }

  // Non-nested style
  input + label > img {
    cursor: pointer;
    border: 3px solid transparent;
  }

  input:checked + label > img {
    border: 3px solid #009bc9;
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
effective_form_inputs-1.0.4	app/assets/stylesheets/effective_radio_buttons/input.scss
effective_form_inputs-1.0.3	app/assets/stylesheets/effective_radio_buttons/input.scss
effective_form_inputs-1.0.2	app/assets/stylesheets/effective_radio_buttons/input.scss
effective_form_inputs-1.0.1	app/assets/stylesheets/effective_radio_buttons/input.scss