checkbox.scss

TLDR

This file contains the SCSS code for styling the Checkbox component.

Classes

Checkbox

This class is used to style the main container of the Checkbox component. It applies a flex display and contains nested classes for input elements.

inputCheck

This class is nested inside the Checkbox class and is used to style the checkbox input element. It sets the width to auto.

inputText

This class is nested inside the Checkbox class and is used to style the text input element. It removes the outline and allows the element to grow flexibly within its container.

CheckboxView

This class is used to style the view container of the Checkbox component. It applies a flex display.

.Checkbox {
    display: flex;

    .inputCheck {
        width: auto;
    }

    .inputText {
        outline: 0;
        flex-grow: 1;
    }

}

.CheckboxView {
    display: flex;
}