github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/views/shared/components/sql/sqlhighlight.styl (about)

     1  // Copyright 2018 The Cockroach Authors.
     2  //
     3  // Use of this software is governed by the Business Source License
     4  // included in the file licenses/BSL.txt.
     5  //
     6  // As of the Change Date specified in that file, in accordance with
     7  // the Business Source License, use of this software will be governed
     8  // by the Apache License, Version 2.0, included in the file
     9  // licenses/APL.txt.
    10  
    11  @require "~styl/base/palette.styl"
    12  @require "~src/components/core/index.styl"
    13  
    14  .box-highlight
    15    font-family $font-family--monospace
    16    padding 20px
    17    width 100%
    18    margin-bottom 10px
    19    min-height 282px;
    20    white-space pre-wrap
    21    background-color $colors--neutral-10
    22    .table-target
    23      color $popover-border-color
    24      &:hover
    25        text-decoration underline
    26  
    27  .sql-highlight.hljs
    28    color $colors--neutral-2
    29    overflow-x auto
    30    font-family SFMono-Semibold
    31    font-size 14px
    32    line-height: 1.57;
    33    white-space pre-wrap
    34    word-wrap break-word
    35    .hljs-label
    36      padding-left 8px
    37    .hljs-keyword
    38      color $colors--functional-purple-1
    39  
    40    .hljs-string
    41    .hljs-built_in
    42      color $colors--functional-orange-3
    43  
    44  .ant-tooltip.hljs
    45    .ant-tooltip-content
    46      width 535px
    47    .ant-tooltip-inner, .sql-highlight.hljs
    48      background-color $colors--neutral-8
    49    .ant-tooltip-inner
    50      padding 8px
    51    .sql-highlight.hljs
    52      padding 0
    53      margin 0
    54  
    55  .higlight-divider
    56    width 100%
    57    height 1px
    58    border-bottom 1px dashed $colors--neutral-6
    59    margin 15px 0