@import "./mixin.less"; .memo-editor-wrapper { .flex(column, flex-start, flex-start); position: relative; width: 100%; height: auto; background-color: white; padding: 16px; border-radius: 8px; border: 2px solid @bg-gray; &.edit-ing { border-color: @text-blue; } > .tip-text { font-size: 12px; line-height: 20px; color: @text-lightgray; } > .memo-editor { .flex(column, flex-start, flex-start); position: relative; width: 100%; height: auto; background-color: white; } } @media only screen and (max-width: 875px) { .memo-editor-wrapper { width: calc(100% - 24px); margin: auto; } }