// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT license.
.sanddance-scheme {
    $color-icon-height: 24px;
    &.disabled {
        filter: grayscale(95%);
    }
    &.option {
        display: grid;
        grid-template-columns: 10em auto;
        width: 100%;
    }
    &.title {
        justify-content: flex-start;
    }
    span {
        align-self: center;
    }
    svg, .swatch {
        align-self: center;
        border: thin solid #777;
        height: $color-icon-height;
    }
    svg {
        width: 100%;
    }
    .swatch {
        div {
            display: inline-block;
            width: 10px;
            height: $color-icon-height;
        }
    }
}
