@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 4.43 kB
CSS
.columns-layout .columns-layout-list{width:256px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.columns-layout .columns-layout-list .columns-layout-option{display:flex;justify-content:center;width:58px;height:34px;border:1px solid rgba(0,0,0,.2);margin:3px;padding:4px 0;border-radius:5px}.columns-layout .columns-layout-list .columns-layout-option:hover{border:1px solid rgba(0,0,0,.4);cursor:pointer}.columns-layout .columns-layout-list .columns-layout-option.active{border:1px solid #0079f2}.columns-layout .columns-layout-list .columns-layout-option .columns-layout-icon{width:50px;height:24px;background-size:contain;background-position:50%}.columns-layout .columns-layout-list .columns-layout-option .columns-layout-item{display:block;padding:0;background:#d2d7de;border-right:2px solid white}.columns-layout .columns-layout-list .columns-layout-option .columns-layout-item:last-child{border-right:0}.columns-layout .columns-layout-list .columns-layout-option .icon-custom{background-image:url(data:image/png;base64,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)}