go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/milo/ui/src/common/styles/common_style.css (about)

     1  /* Copyright 2021 The LUCI Authors.
     2  **
     3  ** Licensed under the Apache License, Version 2.0 (the "License");
     4  ** you may not use this file except in compliance with the License.
     5  ** You may obtain a copy of the License at
     6  **
     7  **      http://www.apache.org/licenses/LICENSE-2.0
     8  **
     9  ** Unless required by applicable law or agreed to in writing, software
    10  ** distributed under the License is distributed on an "AS IS" BASIS,
    11  ** WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    12  ** See the License for the specific language governing permissions and
    13  ** limitations under the License.
    14   */
    15  
    16  a {
    17    color: var(--active-text-color);
    18  }
    19  
    20  .active-text {
    21    color: var(--active-text-color);
    22    cursor: pointer;
    23    font-size: 14px;
    24    font-weight: normal;
    25  }
    26  
    27  .duration {
    28    color: var(--light-text-color);
    29    background-color: var(--light-active-color);
    30    display: inline-block;
    31    padding: 0.25em 0.4em;
    32    font-size: 75%;
    33    font-weight: 500;
    34    line-height: 13px;
    35    text-align: center;
    36    white-space: nowrap;
    37    vertical-align: bottom;
    38    border-radius: 0.25rem;
    39    margin-bottom: 3px;
    40    width: 35px;
    41  }
    42  
    43  .duration.ms {
    44    background-color: var(--light-background-color-1);
    45  }
    46  
    47  .duration.s {
    48    background-color: var(--light-background-color-2);
    49  }
    50  
    51  .duration.m {
    52    background-color: var(--light-background-color-3);
    53  }
    54  
    55  .duration.h {
    56    background-color: var(--light-background-color-4);
    57  }
    58  
    59  .duration.d {
    60    color: white;
    61    background-color: var(--active-color);
    62  }
    63  
    64  input[type='checkbox'] {
    65    transform: translateY(1px);
    66  }
    67  
    68  mwc-icon {
    69    /* The icon font can take a while to load.
    70     * Set a default size to reduce page shifting.
    71     */
    72    width: var(--mdc-icon-size, 24px);
    73    height: var(--mdc-icon-size, 24px);
    74  }
    75  
    76  hr {
    77    background-color: var(--divider-color);
    78    border: none;
    79    height: 1px;
    80  }