$promethee-grey: #bbb
$promethee-transparent-grey: transparentize($promethee-grey, .8)
$promethee-light-grey: #eee
$promethee-color: #ff9900

@import 'promethee-editor/mover'
@import 'promethee-editor/preview'
@import 'promethee-editor/component'

.promethee-editor
  background: white
  position: relative
  &--fullscreen
    position: fixed
    left: 0
    right: 0
    bottom: 0
    top: 0
    overflow: auto
  &--preview
    overflow: hidden

  &__navbar
    border-radius: 0
    border: none
    border-bottom: 2px solid $promethee-color
    background: transparent

  &__button
    color: $promethee-color
    margin-left: 10px

  &__toolbar
    background: #eee
    padding: 10px
    font-size: 11px
    text-transform: uppercase
    font-weight: bold
    color: $promethee-color
    &, *
      user-select: none

  &__wrapper
    padding: 10px