react-paint-test/src/components/toolBar/shape/index.less

a simple paint tool

.shapepanel {
    position: relative;
    width   : 210px;
    min-width: 210px;

    .shape-container {
        text-align: center;
        .shape-content {
            display  : inline-flex;
            flex-wrap: wrap;
            width    : 140px;

            .shape-item {
                margin: 2px;
                height: 24px;
                width : 24px;
                cursor: pointer;
                border: 1px solid transparent;

                &:hover {
                    border: 1px solid #64a5e7;
                }
            }

            .selected-shape {
                background-color: #c9e0f7;
            }
        }

        .shape-style {
            display    : inline-block;
            margin-left: 5px;

            .MuiFormLabel-root {
                font-size: 15px;
            }

            .MuiSelect-root {
                padding  : 6px 30px 5px 5px;
                font-size: 12px;
            }
        }
    }
    .title {
        width     : 100%;
        text-align: center;
        position  : absolute;
        bottom    : 0px;
    }
}