_scss/short-term-memory.scss

/*
 * 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.
 */

#short-term-memory {
    dl.stm-example {
        padding: 20px;
        border: 1px solid #ddd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left: 0 !important;

        dd {
            font-weight: 400;
            font-family: monospace;
            margin-top: 20px;
            font-size: 120%;

            i.fa {
                text-align: left;
                vertical-align: text-bottom;
            }
        }

        dt {
            margin-left: 20px;
            font-weight: 400;
        }

        .stm-state {
            display: inline-flex;

            .stm {
                margin-right: 20px;

                label {
                    font-weight: 500;
                    display: block;
                }

                i {
                    font-size: 90%;
                    color: #ccc;
                }

                span {
                    vertical-align: top;
                    min-width: 50px;
                    display: inline-block;
                    padding: 3px 6px;
                    border: 1px solid #C5D2F7 !important;
                    border-radius: 2px;
                    text-align: center;
                    letter-spacing: 0.02em;

                    b {
                        color: $color-wisteria;
                    }
                }
            }
        }
    }
}