Skip to content

Complete migration to CSS modules #58

@ksiabani

Description

@ksiabani

The following items are pending for completing migration to CSS modules:

  • Select

    // TODO: Haven't been able to apply this
    // placeholder: {
    // color: palette.grey[200],
    // },
    .input {
    border-radius: 2px;
    position: relative;
    font-size: 0.875rem;
    padding: 8px 16px;
    height: 17px;
    // TODO: Haven't been able to apply this
    &:focus {
    border-radius: 2px;
    // borderColor: '#80bdff', // primary
    background-color: transparent;
    }
    // TODO: Haven't been able to apply this
    // '.Mui-error &': {
    // borderColor: '#FF3366', //error
    // },

  • TextField

    // TODO: find a prettier way for this to work
    // The only way for this to work under .textField:
    //
    // &.Mui-focused .MuiOutlinedInput-notchedOutline {
    // border-width: 1px;
    // }
    //
    // is this:
    :global {
    :local(.textField) {
    &.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 1px;
    }
    }
    }
    // see: https://github.com/css-modules/css-modules/issues/295

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions