deer-ui/es/codeview/style.less

React.js UI components for PC Web

@import '../styles/themes.less';

@prefixCls: deer-ui-code-view;

.@{prefixCls}{
    font-size: @codeView-default-font-size;
    white-space: pre;
    position: relative;
    .toggle{
        border: 1px solid @codeView-default-border-color;
        cursor: pointer;
        padding: 10px 0px;
        text-align: center;
        border-radius: @codeView-default-border-radius;
        .codeView-icon{
            font-size: 24px;
            vertical-align: -7px;
            margin-left: 10px;
        }
    }
    .copy{
        position: absolute;
        right: 20px;
        top: 15px;
        font-size: 12px;
        color: hsla(0,0%,54.9%,.8);
        &:hover{
            color: #31c27c ;
        }
    }
}
.hljs{
    line-height: 1.8;
    font-family: Menlo,Monaco,Consolas,Courier,monospace;
    font-size: 12px;
    padding: 18px 24px;
    background-color: #fafafa;
    border: 1px solid #eaeefb;
    margin-bottom: 25px;
    border-radius: 4px;
    -webkit-font-smoothing: auto;
}