/**
* Copyright JS Foundation and other contributors, http://js.foundation
*
* Licensed 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.
**/

.red-ui-editor-radial-menu {
    font-size: $primary-font-size;
    font-family: $primary-font;
    position: absolute;
    top: 0;
    left:0;
    bottom:0;
    right:0;
    z-index: 1000;

    & > div {
        position: absolute;
        border-radius: 80px;
        width: 160px;
        height: 160px;
        background: $shadow;
        border: 1px solid $primary-border-color;
    }
}

.red-ui-editor-radial-menu-opt {
    position: absolute;
    border-radius: 20px;
    width: 50px;
    height: 50px;
    background: $secondary-background;
    border: 2px solid $primary-border-color;
    text-align: center;
    line-height:50px
}

.red-ui-editor-radial-menu-opt-disabled {
    border-color: $tertiary-border-color;
    color: $tertiary-border-color;
}
.red-ui-editor-radial-menu-opt-active {
    background: $secondary-background-hover;
}