/*
 *  Copyright 2018 Adobe
 *
 *  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.
 */

@cmp-childreneditor-item-icon-width: 48px;
@cmp-childreneditor-item-icon-height: 38px;
@cmp-childreneditor-item-icon-margin-right: 8px;
@cmp-childreneditor-item-title-buffer: 10px;
@cmp-childreneditor-info-icon-width: 18px;

.cmp-childreneditor {
    width: 100%;

    .coral-Form-fieldinfo {
        line-height: @cmp-childreneditor-item-icon-height;
        vertical-align: bottom;
    }
}

.cmp-childreneditor__item-icon {
    display: inline-block;
    width: @cmp-childreneditor-item-icon-width;
    height: @cmp-childreneditor-item-icon-height;
    margin-right: @cmp-childreneditor-item-icon-margin-right;
    line-height: @cmp-childreneditor-item-icon-height;
    text-align: center;

    color: #707070;
}

.cmp-childreneditor__item-tag {
    margin-top: 6px;
    padding: .35rem 0;
    width: 1.75rem;
    text-align: center;
}

.cmp-childreneditor__item-title {
    width: ~"calc(100% - (@{cmp-childreneditor-item-icon-width} + @{cmp-childreneditor-item-icon-margin-right} + @{cmp-childreneditor-item-title-buffer} + @{cmp-childreneditor-info-icon-width}))";
}
