search

jgthms / bulma

Modern CSS framework based on Flexbox
https://bulma.io
MIT License
49.35k stars 3.96k forks source link

Sizing classes for checkbox, radio, and help #3508

Open adam-bates opened 2 years ago

adam-bates commented 2 years ago

This is a requested feature for Bulma.

Overview of the problem

This is about the Bulma CSS framework I'm using Bulma version [0.9.3]

Description

Support the classes is-small, is-medium, and is-large on the form input types checkbox and radio, as well as the form class help

Steps to Reproduce

  1. Copy the example code from bulma/complete-form-example into a project setup with Bulma

  2. Add sizing classes to label and input elements (ie. is-large)

  3. Render the content

Expected behavior

The entire form is scaled proportionally

Actual behavior

All form components are scaled proportionally, except for checkbox, radio, and help.

https://codesandbox.io/s/bulma-form-sizes-demo-jzo29c

Screen Shot 2022-04-06 at 10 08 44

P.S.

I'm awful with CSS and making nice designs. Bulma has been awesome! I really appreciate all the work you're doing. Thank you! 😁

noraj commented 2 years ago

Same as for size, colorable checkbox would be nice. This is exactly what the plugin checkradio https://wikiki.github.io/form/checkradio/ is doing. It's weird we can change size and color of inputs but not of radio and checkboxes.

aityahiaidir commented 1 year ago

it's really weird that chekbock sizing has not been supported,