@stackbit/datocms-plugin-typed-list
Version:
Plugin for editing typed list (list of strings, enums, numbers) in DatoCMS using JSON field
6 lines (4 loc) • 19.4 kB
CSS
@import url(https://use.typekit.net/iok7hkr.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);
:root{--base-body-color: #34363a;--light-body-color: #848484;--border-color: #f0f0f0;--light-bg-color: #f5f5f5;--disabled-color: #e0e0e0;--border-color: #f0f0f0;--alert-color: #ff5e49;--notice-color: #46d700;--add-color: #275e00;--remove-color: #cd5c5c}html{padding:10px;margin:0;height:auto}body{font-family:"colfax-web","Roboto","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:15px;-webkit-text-size-adjust:100%;line-height:1.5;color:#34363a;text-rendering:optimizeLegibility;padding:0;margin:0;height:auto}a{color:#34363a;text-decoration:underline}ul,ol,blockquote{padding-left:0;margin:0}li{list-style-type:none}h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dd,p,figure,pre,table,fieldset,hr,form{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-family:inherit;font-weight:inherit}[type="email"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="url"],[type="color"],[type="date"],[type="datetime"],[type="datetime-local"],[type="month"],[type="time"],[type="week"],textarea{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #f0f0f0;-moz-appearance:none;-webkit-appearance:none;border-radius:0;background-image:none;transition:border 0.2s cubic-bezier(0.55, 0, 0.1, 1);font-size:15px;font-family:"colfax-web","Roboto","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}*:focus{outline:0}input[type=number]::-ms-tooltip{display:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-moz-appearance:none;-webkit-appearance:none;margin:0}button,input[type="submit"]{background-image:none;border-radius:0}[type="email"]:hover,[type="number"]:hover,[type="password"]:hover,[type="search"]:hover,[type="tel"]:hover,[type="text"]:hover,[type="url"]:hover,[type="color"]:hover,[type="date"]:hover,[type="datetime"]:hover,[type="datetime-local"]:hover,[type="month"]:hover,[type="time"]:hover,[type="week"]:hover,textarea:hover{border-color:#d7d7d7}[type="email"]:focus,[type="number"]:focus,[type="password"]:focus,[type="search"]:focus,[type="tel"]:focus,[type="text"]:focus,[type="url"]:focus,[type="color"]:focus,[type="date"]:focus,[type="datetime"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="time"]:focus,[type="week"]:focus,textarea:focus{border-color:#70c8dc;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--semi-transparent-accent-color)}[type="email"][disabled][disabled],[type="number"][disabled][disabled],[type="password"][disabled][disabled],[type="search"][disabled][disabled],[type="tel"][disabled][disabled],[type="text"][disabled][disabled],[type="url"][disabled][disabled],[type="color"][disabled][disabled],[type="date"][disabled][disabled],[type="datetime"][disabled][disabled],[type="datetime-local"][disabled][disabled],[type="month"][disabled][disabled],[type="time"][disabled][disabled],[type="week"][disabled][disabled],textarea[disabled][disabled]{color:#515151;border-color:#f0f0f0}input[type="checkbox"]{display:inline-block;margin-right:0.4em}pre,code{font-family:"Roboto Mono","Menlo","Bitstream Vera Sans Mono",Consolas,Courier,monospace}hr{color:#f0f0f0;border:none;border-bottom-width:1px;border-bottom-style:solid}table{table-layout:fixed}th,td{text-align:left}img{max-width:100%}legend{color:#848484}strong{font-weight:500}input:-webkit-autofill{background-color:transparent ;color:inherit }.DatoCMS-button,.DatoCMS-button--micro,.DatoCMS-button--tiny,.DatoCMS-button--small,.DatoCMS-button--large,.DatoCMS-button--huge,.DatoCMS-button--expand,.DatoCMS-button--primary,.DatoCMS-button--datocms,.DatoCMS-button--rev,.DatoCMS-button--white,.DatoCMS-button--alert,.DatoCMS-button--transparent{font-family:inherit;padding:0.7em 1em;text-decoration:none;display:inline-block;vertical-align:middle;white-space:nowrap;font-family:inherit;cursor:pointer;line-height:inherit;background-color:transparent;color:#34363a;-webkit-appearance:none;-moz-appearance:none;border-radius:4px;box-sizing:border-box;transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);font-size:1.1em;font-weight:500;border:1px solid transparent;background-color:#e1edf2;background-color:var(--light-color);color:#70c8dc;color:var(--accent-color);opacity:1}.DatoCMS-button:hover,.DatoCMS-button--micro:hover,.DatoCMS-button--tiny:hover,.DatoCMS-button--small:hover,.DatoCMS-button--large:hover,.DatoCMS-button--huge:hover,.DatoCMS-button--expand:hover,.DatoCMS-button--primary:hover,.DatoCMS-button--datocms:hover,.DatoCMS-button--rev:hover,.DatoCMS-button--white:hover,.DatoCMS-button--alert:hover,.DatoCMS-button--transparent:hover,.DatoCMS-button:focus,.DatoCMS-button--micro:focus,.DatoCMS-button--tiny:focus,.DatoCMS-button--small:focus,.DatoCMS-button--large:focus,.DatoCMS-button--huge:focus,.DatoCMS-button--expand:focus,.DatoCMS-button--primary:focus,.DatoCMS-button--datocms:focus,.DatoCMS-button--rev:focus,.DatoCMS-button--white:focus,.DatoCMS-button--alert:focus,.DatoCMS-button--transparent:focus{opacity:0.8}.DatoCMS-button:active,.DatoCMS-button--micro:active,.DatoCMS-button--tiny:active,.DatoCMS-button--small:active,.DatoCMS-button--large:active,.DatoCMS-button--huge:active,.DatoCMS-button--expand:active,.DatoCMS-button--primary:active,.DatoCMS-button--datocms:active,.DatoCMS-button--rev:active,.DatoCMS-button--white:active,.DatoCMS-button--alert:active,.DatoCMS-button--transparent:active{opacity:0.7}.DatoCMS-button>span,.DatoCMS-button--micro>span,.DatoCMS-button--tiny>span,.DatoCMS-button--small>span,.DatoCMS-button--large>span,.DatoCMS-button--huge>span,.DatoCMS-button--expand>span,.DatoCMS-button--primary>span,.DatoCMS-button--datocms>span,.DatoCMS-button--rev>span,.DatoCMS-button--white>span,.DatoCMS-button--alert>span,.DatoCMS-button--transparent>span{position:relative;top:0.06em}.DatoCMS-button svg,.DatoCMS-button--micro svg,.DatoCMS-button--tiny svg,.DatoCMS-button--small svg,.DatoCMS-button--large svg,.DatoCMS-button--huge svg,.DatoCMS-button--expand svg,.DatoCMS-button--primary svg,.DatoCMS-button--datocms svg,.DatoCMS-button--rev svg,.DatoCMS-button--white svg,.DatoCMS-button--alert svg,.DatoCMS-button--transparent svg,.DatoCMS-button i,.DatoCMS-button--micro i,.DatoCMS-button--tiny i,.DatoCMS-button--small i,.DatoCMS-button--large i,.DatoCMS-button--huge i,.DatoCMS-button--expand i,.DatoCMS-button--primary i,.DatoCMS-button--datocms i,.DatoCMS-button--rev i,.DatoCMS-button--white i,.DatoCMS-button--alert i,.DatoCMS-button--transparent i,.DatoCMS-button .Spinner,.DatoCMS-button--micro .Spinner,.DatoCMS-button--tiny .Spinner,.DatoCMS-button--small .Spinner,.DatoCMS-button--large .Spinner,.DatoCMS-button--huge .Spinner,.DatoCMS-button--expand .Spinner,.DatoCMS-button--primary .Spinner,.DatoCMS-button--datocms .Spinner,.DatoCMS-button--rev .Spinner,.DatoCMS-button--white .Spinner,.DatoCMS-button--alert .Spinner,.DatoCMS-button--transparent .Spinner{display:inline-block;vertical-align:middle;line-height:0.6;fill:#70c8dc;fill:var(--accent-color)}.DatoCMS-button svg:first-child,.DatoCMS-button--micro svg:first-child,.DatoCMS-button--tiny svg:first-child,.DatoCMS-button--small svg:first-child,.DatoCMS-button--large svg:first-child,.DatoCMS-button--huge svg:first-child,.DatoCMS-button--expand svg:first-child,.DatoCMS-button--primary svg:first-child,.DatoCMS-button--datocms svg:first-child,.DatoCMS-button--rev svg:first-child,.DatoCMS-button--white svg:first-child,.DatoCMS-button--alert svg:first-child,.DatoCMS-button--transparent svg:first-child,.DatoCMS-button i:first-child,.DatoCMS-button--micro i:first-child,.DatoCMS-button--tiny i:first-child,.DatoCMS-button--small i:first-child,.DatoCMS-button--large i:first-child,.DatoCMS-button--huge i:first-child,.DatoCMS-button--expand i:first-child,.DatoCMS-button--primary i:first-child,.DatoCMS-button--datocms i:first-child,.DatoCMS-button--rev i:first-child,.DatoCMS-button--white i:first-child,.DatoCMS-button--alert i:first-child,.DatoCMS-button--transparent i:first-child,.DatoCMS-button .Spinner:first-child,.DatoCMS-button--micro .Spinner:first-child,.DatoCMS-button--tiny .Spinner:first-child,.DatoCMS-button--small .Spinner:first-child,.DatoCMS-button--large .Spinner:first-child,.DatoCMS-button--huge .Spinner:first-child,.DatoCMS-button--expand .Spinner:first-child,.DatoCMS-button--primary .Spinner:first-child,.DatoCMS-button--datocms .Spinner:first-child,.DatoCMS-button--rev .Spinner:first-child,.DatoCMS-button--white .Spinner:first-child,.DatoCMS-button--alert .Spinner:first-child,.DatoCMS-button--transparent .Spinner:first-child{margin-right:0.5em}.DatoCMS-button svg:last-child,.DatoCMS-button--micro svg:last-child,.DatoCMS-button--tiny svg:last-child,.DatoCMS-button--small svg:last-child,.DatoCMS-button--large svg:last-child,.DatoCMS-button--huge svg:last-child,.DatoCMS-button--expand svg:last-child,.DatoCMS-button--primary svg:last-child,.DatoCMS-button--datocms svg:last-child,.DatoCMS-button--rev svg:last-child,.DatoCMS-button--white svg:last-child,.DatoCMS-button--alert svg:last-child,.DatoCMS-button--transparent svg:last-child,.DatoCMS-button i:last-child,.DatoCMS-button--micro i:last-child,.DatoCMS-button--tiny i:last-child,.DatoCMS-button--small i:last-child,.DatoCMS-button--large i:last-child,.DatoCMS-button--huge i:last-child,.DatoCMS-button--expand i:last-child,.DatoCMS-button--primary i:last-child,.DatoCMS-button--datocms i:last-child,.DatoCMS-button--rev i:last-child,.DatoCMS-button--white i:last-child,.DatoCMS-button--alert i:last-child,.DatoCMS-button--transparent i:last-child,.DatoCMS-button .Spinner:last-child,.DatoCMS-button--micro .Spinner:last-child,.DatoCMS-button--tiny .Spinner:last-child,.DatoCMS-button--small .Spinner:last-child,.DatoCMS-button--large .Spinner:last-child,.DatoCMS-button--huge .Spinner:last-child,.DatoCMS-button--expand .Spinner:last-child,.DatoCMS-button--primary .Spinner:last-child,.DatoCMS-button--datocms .Spinner:last-child,.DatoCMS-button--rev .Spinner:last-child,.DatoCMS-button--white .Spinner:last-child,.DatoCMS-button--alert .Spinner:last-child,.DatoCMS-button--transparent .Spinner:last-child{margin-left:0.5em}.DatoCMS-button svg:first-child:last-child,.DatoCMS-button--micro svg:first-child:last-child,.DatoCMS-button--tiny svg:first-child:last-child,.DatoCMS-button--small svg:first-child:last-child,.DatoCMS-button--large svg:first-child:last-child,.DatoCMS-button--huge svg:first-child:last-child,.DatoCMS-button--expand svg:first-child:last-child,.DatoCMS-button--primary svg:first-child:last-child,.DatoCMS-button--datocms svg:first-child:last-child,.DatoCMS-button--rev svg:first-child:last-child,.DatoCMS-button--white svg:first-child:last-child,.DatoCMS-button--alert svg:first-child:last-child,.DatoCMS-button--transparent svg:first-child:last-child,.DatoCMS-button i:first-child:last-child,.DatoCMS-button--micro i:first-child:last-child,.DatoCMS-button--tiny i:first-child:last-child,.DatoCMS-button--small i:first-child:last-child,.DatoCMS-button--large i:first-child:last-child,.DatoCMS-button--huge i:first-child:last-child,.DatoCMS-button--expand i:first-child:last-child,.DatoCMS-button--primary i:first-child:last-child,.DatoCMS-button--datocms i:first-child:last-child,.DatoCMS-button--rev i:first-child:last-child,.DatoCMS-button--white i:first-child:last-child,.DatoCMS-button--alert i:first-child:last-child,.DatoCMS-button--transparent i:first-child:last-child,.DatoCMS-button .Spinner:first-child:last-child,.DatoCMS-button--micro .Spinner:first-child:last-child,.DatoCMS-button--tiny .Spinner:first-child:last-child,.DatoCMS-button--small .Spinner:first-child:last-child,.DatoCMS-button--large .Spinner:first-child:last-child,.DatoCMS-button--huge .Spinner:first-child:last-child,.DatoCMS-button--expand .Spinner:first-child:last-child,.DatoCMS-button--primary .Spinner:first-child:last-child,.DatoCMS-button--datocms .Spinner:first-child:last-child,.DatoCMS-button--rev .Spinner:first-child:last-child,.DatoCMS-button--white .Spinner:first-child:last-child,.DatoCMS-button--alert .Spinner:first-child:last-child,.DatoCMS-button--transparent .Spinner:first-child:last-child{margin-left:0;margin-right:0}.DatoCMS-button[disabled],.DatoCMS-button--micro[disabled],.DatoCMS-button--tiny[disabled],.DatoCMS-button--small[disabled],.DatoCMS-button--large[disabled],.DatoCMS-button--huge[disabled],.DatoCMS-button--expand[disabled],.DatoCMS-button--primary[disabled],.DatoCMS-button--datocms[disabled],.DatoCMS-button--rev[disabled],.DatoCMS-button--white[disabled],.DatoCMS-button--alert[disabled],.DatoCMS-button--transparent[disabled],.DatoCMS-button.is-disabled,.is-disabled.DatoCMS-button--micro,.is-disabled.DatoCMS-button--tiny,.is-disabled.DatoCMS-button--small,.is-disabled.DatoCMS-button--large,.is-disabled.DatoCMS-button--huge,.is-disabled.DatoCMS-button--expand,.is-disabled.DatoCMS-button--primary,.is-disabled.DatoCMS-button--datocms,.is-disabled.DatoCMS-button--rev,.is-disabled.DatoCMS-button--white,.is-disabled.DatoCMS-button--alert,.is-disabled.DatoCMS-button--transparent{border-width:0;color:rgba(0,0,0,0.2);background-color:#f5f5f5;cursor:not-allowed}.DatoCMS-button[disabled] svg,.DatoCMS-button--micro[disabled] svg,.DatoCMS-button--tiny[disabled] svg,.DatoCMS-button--small[disabled] svg,.DatoCMS-button--large[disabled] svg,.DatoCMS-button--huge[disabled] svg,.DatoCMS-button--expand[disabled] svg,.DatoCMS-button--primary[disabled] svg,.DatoCMS-button--datocms[disabled] svg,.DatoCMS-button--rev[disabled] svg,.DatoCMS-button--white[disabled] svg,.DatoCMS-button--alert[disabled] svg,.DatoCMS-button--transparent[disabled] svg,.DatoCMS-button.is-disabled svg,.is-disabled.DatoCMS-button--micro svg,.is-disabled.DatoCMS-button--tiny svg,.is-disabled.DatoCMS-button--small svg,.is-disabled.DatoCMS-button--large svg,.is-disabled.DatoCMS-button--huge svg,.is-disabled.DatoCMS-button--expand svg,.is-disabled.DatoCMS-button--primary svg,.is-disabled.DatoCMS-button--datocms svg,.is-disabled.DatoCMS-button--rev svg,.is-disabled.DatoCMS-button--white svg,.is-disabled.DatoCMS-button--alert svg,.is-disabled.DatoCMS-button--transparent svg{fill:rgba(0,0,0,0.2)}.DatoCMS-button[disabled]:hover,.DatoCMS-button--micro[disabled]:hover,.DatoCMS-button--tiny[disabled]:hover,.DatoCMS-button--small[disabled]:hover,.DatoCMS-button--large[disabled]:hover,.DatoCMS-button--huge[disabled]:hover,.DatoCMS-button--expand[disabled]:hover,.DatoCMS-button--primary[disabled]:hover,.DatoCMS-button--datocms[disabled]:hover,.DatoCMS-button--rev[disabled]:hover,.DatoCMS-button--white[disabled]:hover,.DatoCMS-button--alert[disabled]:hover,.DatoCMS-button--transparent[disabled]:hover,.DatoCMS-button[disabled]:focus,.DatoCMS-button--micro[disabled]:focus,.DatoCMS-button--tiny[disabled]:focus,.DatoCMS-button--small[disabled]:focus,.DatoCMS-button--large[disabled]:focus,.DatoCMS-button--huge[disabled]:focus,.DatoCMS-button--expand[disabled]:focus,.DatoCMS-button--primary[disabled]:focus,.DatoCMS-button--datocms[disabled]:focus,.DatoCMS-button--rev[disabled]:focus,.DatoCMS-button--white[disabled]:focus,.DatoCMS-button--alert[disabled]:focus,.DatoCMS-button--transparent[disabled]:focus,.DatoCMS-button.is-disabled:hover,.is-disabled.DatoCMS-button--micro:hover,.is-disabled.DatoCMS-button--tiny:hover,.is-disabled.DatoCMS-button--small:hover,.is-disabled.DatoCMS-button--large:hover,.is-disabled.DatoCMS-button--huge:hover,.is-disabled.DatoCMS-button--expand:hover,.is-disabled.DatoCMS-button--primary:hover,.is-disabled.DatoCMS-button--datocms:hover,.is-disabled.DatoCMS-button--rev:hover,.is-disabled.DatoCMS-button--white:hover,.is-disabled.DatoCMS-button--alert:hover,.is-disabled.DatoCMS-button--transparent:hover,.DatoCMS-button.is-disabled:focus,.is-disabled.DatoCMS-button--micro:focus,.is-disabled.DatoCMS-button--tiny:focus,.is-disabled.DatoCMS-button--small:focus,.is-disabled.DatoCMS-button--large:focus,.is-disabled.DatoCMS-button--huge:focus,.is-disabled.DatoCMS-button--expand:focus,.is-disabled.DatoCMS-button--primary:focus,.is-disabled.DatoCMS-button--datocms:focus,.is-disabled.DatoCMS-button--rev:focus,.is-disabled.DatoCMS-button--white:focus,.is-disabled.DatoCMS-button--alert:focus,.is-disabled.DatoCMS-button--transparent:focus{color:rgba(0,0,0,0.2);background-color:#f5f5f5;cursor:not-allowed}.DatoCMS-button--micro{font-size:1em;padding:0.5em 0.8em}.DatoCMS-button--tiny{font-size:1em;padding:0.6em 0.8em}.DatoCMS-button--small{font-size:1em}.DatoCMS-button--large{font-size:1.2em}.DatoCMS-button--huge{font-size:1.2em;padding:1em 1em}.DatoCMS-button--expand{text-align:center;display:block;width:100%}.DatoCMS-button--primary{border-width:0;background-color:#70c8dc;background-color:var(--accent-color);color:white}.DatoCMS-button--primary svg{fill:white}.DatoCMS-button--primary:hover,.DatoCMS-button--primary:focus,.DatoCMS-button--primary:active{color:white}.DatoCMS-button--primary[disabled]{background-color:#e0e0e0}.DatoCMS-button--primary[disabled]:hover,.DatoCMS-button--primary[disabled]:focus{color:rgba(0,0,0,0.2)}.DatoCMS-button--datocms{border-width:0;background-color:#ff593d;color:white}.DatoCMS-button--datocms svg{fill:white}.DatoCMS-button--datocms:hover,.DatoCMS-button--datocms:focus,.DatoCMS-button--datocms:active{color:white;background-color:#ff593d}.DatoCMS-button--datocms:hover svg,.DatoCMS-button--datocms:focus svg,.DatoCMS-button--datocms:active svg{fill:white}.DatoCMS-button--rev{background:transparent;border-color:rgba(255,255,255,0.1);color:white}.DatoCMS-button--rev svg{fill:white}.DatoCMS-button--rev:hover,.DatoCMS-button--rev:focus{background-color:rgba(0,0,0,0.4)}.DatoCMS-button--rev:active{background-color:rgba(0,0,0,0.8)}.DatoCMS-button--white{border-width:0;background-color:white}.DatoCMS-button--white:hover,.DatoCMS-button--white:focus{background-color:rgba(255,255,255,0.8)}.DatoCMS-button--white:active{background-color:rgba(255,255,255,0.7)}.DatoCMS-button--alert{background-color:#ff5e49;border-width:0;color:white}.DatoCMS-button--alert svg{fill:white}.DatoCMS-button--alert:hover,.DatoCMS-button--alert:focus,.DatoCMS-button--alert:active{color:white;background-color:#ff5e49}.DatoCMS-button--alert:hover svg,.DatoCMS-button--alert:focus svg,.DatoCMS-button--alert:active svg{fill:white}.DatoCMS-button--alert[disabled],.DatoCMS-button--alert[aria-disabled="true"]{cursor:not-allowed;user-select:none;background-color:#e0e0e0;color:rgba(0,0,0,0.2)}.DatoCMS-button--alert[disabled] svg,.DatoCMS-button--alert[aria-disabled="true"] svg{fill:rgba(0,0,0,0.2)}.DatoCMS-button--waiting{cursor:default}.DatoCMS-button--waiting:hover,.DatoCMS-button--waiting:focus{color:#34363a}.DatoCMS-button--waiting:hover svg,.DatoCMS-button--waiting:focus svg{fill:#34363a}.DatoCMS-button--transparent{color:white;border-width:0;background-color:rgba(255,255,255,0.2)}.DatoCMS-button--transparent svg{fill:white}.DatoCMS-button--transparent:hover,.DatoCMS-button--transparent:focus,.DatoCMS-button--transparent:active{color:white;background-color:rgba(255,255,255,0.4)}.DatoCMS-button--transparent[disabled]{opacity:0.5;background-color:transparent}.DatoCMS-button--transparent[disabled]:hover,.DatoCMS-button--transparent[disabled]:focus{background-color:transparent;opacity:0.5}
/*# sourceMappingURL=datocms-plugin-sdk@0.1.2.css.map*/