_embedded-code.scss

@use "../../base/variables";

/**
 * Licensed to The Apereo Foundation under one or more contributor license
 * agreements. See the NOTICE file distributed with this work for additional
 * information regarding copyright ownership.
 *
 *
 * The Apereo Foundation licenses this file to you under the Educational
 * Community 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://opensource.org/licenses/ecl2.txt
 *
 * 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.
 *
 */

.embedSizeButton {
    display: inline-block;
    background-color: variables.$table-highlight;
    border: 1px solid variables.$color-silver;
    border-radius: 10px;
    cursor: pointer;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    color: black;
}

.embedSizeButtonSelected {
    border: 3px solid variables.$d-blue;
}

.copyConfirm {
    display: inline-block;
    text-align: center;
    margin: 10px 0px 10px 0px;
    width: 100%;
    font-weight: bold;
    font-size: 15.4px;
}

.size_620x349 {
    width:110px;
    height:73px;
}

.size_540x304 {
    width:100px;
    height:65px;
}

.size_460x259 {
    width:90px;
    height:58px;
}

.size_380x214 {
    width:80px;
    height:50px;
}

.size_300x169 {
    width:70px;
    height:42px;
}

.span-embedded-code {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.embedded-code-no-visible {
    visibility:hidden;
}

.embedded-code-boxes {
    display:inline-block;
    text-align: center;
    margin: 20px 0 10px 0;width: 100%;
}

.embedded-code-video {
    text-align:center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.embedded-code-textarea {
    font-size:12px;
    width:95%;
    overflow:auto;
    margin-top:5px;
    color: variables.$color-black;
    display: block;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid variables.$color-darkgray;
    white-space: pre-wrap;
}

.embedded-code-copy-to-clipboard {
    display:inline-block;
    text-align: center;
    margin: 20px 0px 30px 0px;
    width: 100%;

    > button {
        font-size: 14px;
    }
}