UNPKG

datocms-plugin-better-links

Version:

A plugin that allows you see multiple fields when selecting a Links field type.

3 lines (2 loc) 4.63 kB
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */body,html,legend{margin:0;padding:0}button,input{color:unset} /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}figcaption,main,nav,section{display:block}a{background-color:transparent;-webkit-text-decoration-skip:objects}strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}svg:not(:root){overflow:hidden}button,input{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;overflow:visible}button{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{color:inherit;display:table;max-width:100%;white-space:normal}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}menu{display:block}canvas{display:inline-block}[hidden],template{display:none}html{box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}*,:after,:before{border-width:0;border-style:solid;border-color:#dae1e7}[type=button],[type=reset],[type=submit],button{border-radius:0}button,input{font-family:inherit}input::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}.bg-grey-lighter{background-color:#f1f5f8}.border-grey-light{border-color:#dae1e7}.rounded{border-radius:.25rem}.border{border-width:1px}.border-t-0{border-top-width:0}.border-b-0{border-bottom-width:0}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-grow{flex-grow:1}.font-bold{font-weight:700}.h-6{height:1.5rem}.mr-2{margin-right:.5rem}.outline-none{outline:0}.overflow-y-auto{overflow-y:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.pr-2{padding-right:.5rem}.pl-2{padding-left:.5rem}.absolute{position:absolute}.relative{position:relative}.text-grey-darker{color:#606f7b}.text-grey-dark{color:#8795a1}.text-xs{font-size:.75rem}.uppercase{text-transform:uppercase}.no-underline{text-decoration:none}.select-none{user-select:none}.whitespace-no-wrap{white-space:nowrap}.w-6{width:1.5rem}.w-full{width:100%}#app{padding:10px 20px 0 10px}.Selecty{width:100%;user-select:none}.Selecty__container{display:flex;justify-content:space-between;border-width:1px;border-color:#dae1e7;padding:.25rem;padding-right:.5rem;padding-left:.5rem}.Selecty__input{outline:0;flex-grow:1}.Selecty__scroller{border-bottom-width:1px;overflow-y:auto}.Selecty__message{border-bottom-width:1px;padding:.5rem;color:#8795a1}.Selecty__actions{padding:.25rem;cursor:pointer}.Selecty__list{border-width:1px;border-color:#dae1e7;border-top-width:0;border-bottom-width:0}.Selecty__list__item{display:flex;align-items:center;padding-left:.5rem;border-color:#dae1e7;border-top-width:1px;cursor:pointer}.Selecty__list__item:first-child{border-top-width:0}.Selecty__list__item:hover{background-color:var(--light-color)}.Selecty__arrow{border-style:solid;display:inline-block}.Selecty__arrow--down{border-color:#999 transparent transparent;border-width:5px 5px 2.5px}.Selecty__arrow--up{border-color:transparent transparent #999;border-width:2.5px 5px 5px}.BetterLinks{color:#606f7b;display:flex}.BetterLinks .bar{margin:0 auto;background-color:var(--accent-color);position:absolute}.BetterLinks .horizontal{width:70%;height:20%;left:15%;top:40%}.BetterLinks .vertical{width:20%;height:70%;left:40%;top:15%}.BetterLinks__action{margin-left:12px;margin-top:1px}.BetterLinks__action a{padding:5px;padding-right:8px;white-space:nowrap;text-transform:uppercase;font-size:.75rem;text-decoration:none;font-weight:700;color:var(--accent-color)}.BetterLinks__action a:hover{background-color:#f1f5f8;border-radius:.25rem}.Selecty__list__item.selected{background-color:var(--light-color)}