github.com/pf-qiu/concourse/v6@v6.7.3-0.20201207032516-1f455d73275f/web/assets/css/typography.less (about)

     1  @import (reference) "_vars.less";
     2  
     3  @font-face {
     4    font-family: 'UnifrakturCook';
     5    src: url("https://fonts.googleapis.com/css?family=UnifrakturCook:700");
     6  }
     7  
     8  @font-face {
     9    font-family: 'Inconsolata';
    10    font-style: normal;
    11    font-weight: 400;
    12    src: url("/public/fonts/Inconsolata-Regular.ttf");
    13  }
    14  
    15  @font-face {
    16    font-family: 'Inconsolata';
    17    font-style: normal;
    18    font-weight: 700;
    19    src: url("/public/fonts/Inconsolata-Bold.ttf");
    20  }
    21  
    22  @font-face {
    23    font-family: 'Inconsolata';
    24    font-style: normal;
    25    font-weight: 900;
    26    src: url("/public/fonts/Inconsolata-Black.ttf");
    27  }
    28  
    29  body {
    30    font-family: 'Inconsolata', monospace;
    31    letter-spacing: (0.085em * @scale);
    32    font-size: 12px;
    33    line-height: 1.4;
    34    font-weight: 700;
    35    -webkit-font-smoothing: "antialiased";
    36    -moz-osx-font-smoothing: "grayscale";
    37  }
    38  
    39  pre {
    40    font-family: 'Inconsolata', monospace;
    41    letter-spacing: (0.085em * @scale);
    42    word-wrap: break-word;
    43  }
    44  
    45  h1,
    46  .h1 {
    47    line-height: 60px;
    48    color: @grey20;
    49    font-weight: 700;
    50    font-size: 24px;
    51  }
    52  
    53  h3,
    54  .h3 {
    55    font-size: 14px;
    56  }
    57  
    58  .nav-text {
    59    font-size: 18px;
    60  }
    61  
    62  /* ansi text */
    63  .ansi-bold { font-weight: bold; }
    64  .ansi-faint { color: darken(@grey20, 50%); }
    65  .ansi-Fraktur { font-family: 'UnifrakturCook', cursive; }
    66  
    67  .ansi-framed {
    68    background-color: darken(@grey20, 70%);
    69    border: 1px solid darken(@grey20, 50%);
    70    border-radius: 5px;
    71  }
    72  
    73  .ansi-black-fg { color: @grey70; }
    74  .ansi-red-fg { color: @base08; }
    75  .ansi-green-fg { color: @base0B; }
    76  .ansi-yellow-fg { color: @base0A; }
    77  .ansi-blue-fg { color: @base0D; }
    78  .ansi-magenta-fg { color: @base0E; }
    79  .ansi-cyan-fg { color: @base0C; }
    80  .ansi-white-fg { color: @grey20; }
    81  
    82  .ansi-bright-black-fg { color: @grey-secondary; font-weight: bold; }
    83  .ansi-bright-red-fg { color: @base08; font-weight: bold; }
    84  .ansi-bright-green-fg { color: @base0B; font-weight: bold; }
    85  .ansi-bright-yellow-fg { color: @base0A; font-weight: bold; }
    86  .ansi-bright-blue-fg { color: @base0D; font-weight: bold; }
    87  .ansi-bright-magenta-fg { color: @base0E; font-weight: bold; }
    88  .ansi-bright-cyan-fg { color: @base0C; font-weight: bold; }
    89  .ansi-bright-white-fg { color: @grey20; font-weight: bold; }
    90  
    91  .ansi-black-bg { background-color: @grey70; }
    92  .ansi-red-bg { background-color: @base08; }
    93  .ansi-green-bg { background-color: @base0B; }
    94  .ansi-yellow-bg { background-color: @base0A; }
    95  .ansi-blue-bg { background-color: @base0D; }
    96  .ansi-magenta-bg { background-color: @base0E; }
    97  .ansi-cyan-bg { background-color: @base0C; }
    98  .ansi-white-bg { background-color: @grey20; }
    99  
   100  .ansi-bright-black-bg { background-color: @grey70; font-weight: bold; }
   101  .ansi-bright-red-bg { background-color: @base08; font-weight: bold; }
   102  .ansi-bright-green-bg { background-color: @base0B; font-weight: bold; }
   103  .ansi-bright-yellow-bg { background-color: @base0A; font-weight: bold; }
   104  .ansi-bright-blue-bg { background-color: @base0D; font-weight: bold; }
   105  .ansi-bright-magenta-bg { background-color: @base0E; font-weight: bold; }
   106  .ansi-bright-cyan-bg { background-color: @base0C; font-weight: bold; }
   107  .ansi-bright-white-bg { background-color: @grey20; font-weight: bold; }
   108  
   109  .ansi-blink {
   110    animation: 1s blinker step-end infinite;
   111  }
   112  
   113  .monospace-bold {
   114    font-family: monospace;
   115    font-weight: bold;
   116  }
   117  
   118  @keyframes blinker {
   119    from, to { color: transparent; }
   120    50%      { color: inherit; }
   121  }