@farris/ui-vue/components/border-editor/index.css

Farris Vue, a Farris Design based Vue3 component library.

.f-border-editor-container{max-width:500px;min-width:220px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(31,56,88,.1);color:#000000bf;line-height:26px}.f-border-editor-title{width:60px;display:flex;text-align:left;padding-right:10px}.f-border-editor-icon{line-height:26px!important;color:#a3a3a3}.f-border-editor-custom-container{display:flex;margin:10px 0;padding:10px;background:#1f38580a;box-shadow:1px 1px 3px 1px #024bc133;border-radius:5px;align-items:center}.f-border-editor-directions{width:40%;display:flex;align-items:center;justify-content:space-around}.f-border-editor-direction{margin:2px;padding:5px;border-radius:2px;text-align:center;cursor:pointer}.f-border-editor-customs{padding-left:8px;margin-bottom:8px;flex-direction:column;display:flex;justify-content:center;align-items:center}.f-border-editor-custom{display:flex;margin-bottom:8px}.f-border-editor-input input{min-width:20px!important}