/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
.sling-cms-editor {
  @import "fonts";
  @import "overrides";
  @import "../../../../node_modules/bulma/bulma.sass";

  font-family: "Open Sans", sans-serif;

  * {
    box-sizing: border-box;
  }

  .button {
    text-decoration: none;
  }

  [draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
  }

  .is-draggable {
    position: relative;
  }

  .is-vhidden {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
  }

  .level {
    padding: 0.5em;
  }

  .loader {
    margin: auto;
    width: 2em;
    height: 2em;
    border: 2px solid $primary;
    border-right-color: transparent;
    border-top-color: transparent;
  }

  .modal-body {
    height: 540px;
  }

  .modal-content {
    overflow: auto;
  }

  .modal-frame {
    width: 100%;
    height: 100%;
    border: none;
  }

  .modal-title {
    font-size: 180%;
    cursor: move;
  }

  .page-wrapper-frame {
    position: fixed;
    top: 48px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 998;
    padding-top: 8px;
    height: calc(100vh - 48px);
    @media screen and (max-width: $tablet) {
      top: 112px;
      height: calc(100vh - 112px);
    }
  }

  .sling-cms-logo {
    height: 25px;
  }
}

.sling-cms-component {
  border: 1px solid rgba(0, 0, 0, 0);
}

.sling-cms-component__is-active {
  border-color: hsl(0, 0%, 86%);
}

.sling-cms-droptarget__is-active {
  height: 2em;
  border: 1px solid hsl(0, 0%, 71%);
  background-color: hsl(0, 0%, 96%);
}

.sling-cms-droptarget__is-over {
  height: 2em;
  border: 1px solid hsl(0, 0%, 96%);
  background-color: hsl(0, 0%, 71%);
}
