// ============================================================================
// #INDEX
// ============================================================================

@use '02-tools' as *;
@use '03-generic' as *;
@use '04-elements' as *;
@use '05-objects' as *;
@use '06-components' as *;
@use '07-utilities' as *;


//front end do you want to move all of this into some kind of structured sub-folder as I don't know what I'm doing really :IJ


select.bs4AddBlock
{
    width:20em;
    max-width:100%;
    float:right;
}
.bs4editBlock input[name='blocks[]'], .bs4SingleMediaEdit input[bsblockindex], .bs4MultipleMediaEdit input[bsblockindex]
{
    //though these inputs should be type='hidden', just in case they are set to text for dev purposes
    //display: none; // <- for production
    display: inline-block;
    width:100%;
    font-size:8pt;
    color:darkgray;
    height:auto;
    padding:0px;
}

[debug-hide]
{
    display:initial;
    font-size:8pt;
    color:darkgray;
    //display:none; // this has to be enabled after we relase backslash to hide the json fields
}
p span.file-error-msg
{
    font-weight:bold;
    color:darkred;
    margin-left:3em;
}

div.media__overlay
{
    position:absolute;
    z-index:999;
}
div.media__overlay span
{
    position:relative;
    top:-3.5em;
    padding:0.5em;
}

div.bs4MultipleMediaEdit div.bs4MediaColumn:only-of-type button.media-del,
div.bs4MultipleMediaEdit div.bs4MediaColumn:first-of-type button.media-back,
div.bs4MultipleMediaEdit div.bs4MediaColumn:last-of-type button.media-fwd,
.bs4MediaItem__field
{
    display:none;
}

/**
 * Button
 */

.nicEdit-button-undefined {
    height: 2rem;
    width: 2rem;
}


/**
 * Textarea
 */


.nicEdit-iblock
{
    margin:1em;
    padding:1em;
    border-radius:1em;
    border:solid 1px black;
}
div.nicEdit-main table, div.nicEdit-main td
{ padding:1px;
  color:inherit;
  border:1px solid;
}


div[data-name="tag-list"] span,
div#tag-modal-list span
{
    // background-color:silver;
    // border:1px solid black;
    // border-radius:0.3em;
    // margin:0.3em;
    // padding:0.3em;
}
