github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/views/login/loginPage.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  
    13  .login-page
    14    display flex
    15    align-items center
    16    justify-content center
    17    height 100%
    18    width 100%
    19    position absolute
    20    background-color white
    21  
    22    .content
    23      border thin solid $table-border-color
    24      display flex
    25  
    26    &__info.section
    27      width 486px
    28      padding 24px
    29  
    30    &__form.section
    31      background-color $background-color
    32      width 486px
    33  
    34    .form-container
    35      margin-top 120px
    36      padding-left 50px
    37      padding-right 50px
    38  
    39    .form-internal
    40      margin-bottom 140px
    41  
    42    .heading
    43      text-transform none
    44      letter-spacing 1px
    45      margin-bottom 24px
    46  
    47    .aside
    48      margin-top 12px
    49      line-height 24px
    50      color $body-color
    51      width 350px
    52      font-size 14px
    53  
    54    .logo
    55      height 32px
    56      position relative
    57      margin-bottom 74px
    58  
    59    .input-text
    60      width 100%
    61      font-size 14px
    62      line-height 17px
    63      padding 12px 18px
    64      vertical-align middle
    65      border 1px solid $button-border-color
    66      border-radius 3px
    67      margin 12px 0
    68      color $body-color
    69      display block
    70  
    71      &::placeholder
    72        color lightgrey
    73  
    74      &--error
    75        border-color $alert-color
    76  
    77    .submit-button
    78      width 100%
    79      text-transform uppercase
    80      font-size 14px
    81      letter-spacing 2px
    82      line-height 17px
    83      padding 12px 24px
    84      vertical-align middle
    85      border 0px none
    86      border-radius 3px
    87      margin 24px 0
    88      color $background-color
    89      background-color $link-color
    90      cursor pointer
    91      display block
    92  
    93      &:disabled
    94        background-color #90b8ef
    95  
    96    &__error
    97      color $alert-color
    98      margin 12px 0
    99  
   100    .info-box
   101      margin-top 0px
   102  
   103  .login-note-box
   104    &__sql-command
   105      border 1px solid lightgrey
   106      background $background-color
   107      padding 5px
   108      padding-left 9px
   109      border-radius 4px
   110      margin-top 10px
   111  
   112      // These colors match the SQL examples in our docs.
   113      // They don't match the colors in the table details or statement
   114      // details page, since those display SQL on a dark blue background.
   115      .sql-keyword
   116        color #a0247a
   117  
   118      .sql-string
   119        color #3c80e1
   120  
   121  .login-docs-link
   122    display block
   123    margin-top 10px
   124    text-decoration none
   125    color $link-color
   126  
   127    &__icon
   128      display inline-block
   129      position relative
   130      top 3px
   131  
   132    &__text
   133      display inline-block
   134      line-height 30px
   135      margin-left 6px