github.com/pachyderm/pachyderm@v1.13.4/doc/docs/1.10.x/stylesheets/extra.css (about)

     1  :root {
     2  
     3     /* Default color shades */
     4     --md-default-fg-color:               hsla(0, 0%, 0%, 0.87);
     5     --md-default-fg-color--light:        hsla(0, 0%, 0%, 0.54);
     6     --md-default-fg-color--lighter:      hsla(0, 0%, 0%, 0.26);
     7     --md-default-fg-color--lightest:     hsla(0, 0%, 0%, 0.07);
     8     --md-default-bg-color:               hsla(0, 0%, 100%, 1);
     9     --md-default-bg-color--light:        hsla(0, 0%, 100%, 0.7);
    10     --md-default-bg-color--lighter:      hsla(0, 0%, 100%, 0.3);
    11     --md-default-bg-color--lightest:     hsla(0, 0%, 100%, 0.12);
    12  
    13     /* Primary color shades */
    14     --md-primary-fg-color:               hsla(281, 39%, 30%, 1);
    15     --md-primary-fg-color--light:        hsla(281, 39%, 30%,1);
    16     --md-primary-fg-color--dark:         hsla(280, 37%, 11%, 0);
    17     --md-primary-bg-color:               var(--md-default-bg-color);
    18     --md-primary-bg-color--light:        var(--md-default-bg-color--light);
    19  
    20     /* Accent color shades */
    21     --md-accent-fg-color:                hsla(#{hex2hsl($clr-indigo-a200)}, 1);
    22     --md-accent-fg-color--transparent:   hsla(#{hex2hsl($clr-indigo-a200)}, 0.1);
    23     --md-accent-bg-color:                hsla(231, 99%, 66%, 1);
    24     --md-accent-bg-color--light:         var(--md-default-bg-color--light);
    25     --md-text-link-color:                hsla(240, 100%, 50%, 0.8);
    26  }
    27  
    28  :root > * {
    29  
    30     /* Code block color shades */
    31     --md-code-bg-color:                  hsla(0, 0%, 96%, 1);
    32     --md-code-fg-color:                  hsla(200, 18%, 26%, 1);
    33  }
    34  
    35  .md-typeset {
    36      font-size: 14px;
    37      font-family: 'Montserrat', sans-serif;
    38      line-height: 24px;
    39      -webkit-print-color-adjust: exact;
    40      color-adjust: exact;
    41  }
    42  
    43  .md-typeset a {
    44      text-decoration-style: solid;
    45      text-decoration: underline;
    46  }
    47  
    48  .md-typeset .md-link {
    49     color:var(--md-primary-fg-color);
    50     font-family: 'Montserrat', sans-serif;
    51     font-weight: 700;
    52     text-decoration: none;
    53     font-size: .685rem;
    54     line-height: 24px;
    55     padding-right: 20px;
    56     background-image: url(/assets/images/arrow.svg);
    57     background-size: 14px 9px;
    58     background-repeat: no-repeat;
    59     background-position: right center;
    60  }
    61  
    62  .md-nav__link {
    63     font-family: 'Montserrat', sans-serif;
    64  }
    65  
    66  .md-tabs__link {
    67     font-family: 'Montserrat', sans-serif;
    68  }
    69  
    70  .md-source__repository {
    71      font-family: 'Montserrat', sans-serif;
    72  }
    73  
    74  .md-header-nav__topic {
    75      font-family: 'Montserrat', sans-serif;
    76  }
    77  
    78  .md-typeset h1 {
    79         font-size:27px;
    80         line-height: 40px;
    81         font-weight: 800;
    82         color: black;
    83  }
    84  
    85  .md-typeset h2 {
    86         font-size:24px;
    87         line-height: 37px;
    88         font-weight: 800;
    89         color: black;
    90  }
    91  
    92  .md-typeset h3 {
    93          font-size:18px;
    94          line-height: 28px;
    95          font-weight: 600;
    96          color: black;
    97  }
    98  
    99  body, input {
   100      font-family: 'Montserrat', sans-serif;
   101  }
   102  
   103  .md-typeset .md-link{
   104    color:var(--md-primary-fg-color);
   105    font-family: 'Montserrat', sans-serif;
   106    font-weight: 700;
   107    text-decoration: none;
   108    font-size: .685rem;
   109    line-height: 24px
   110  }
   111  
   112  /* Float two columns side by side */
   113  .column {
   114    float: left;
   115    width: 33%;
   116    padding: 0px 10px;
   117    margin-bottom: 20px;
   118  }
   119  
   120  .column-2 {
   121     float: left;
   122     width: 50%;
   123     padding: 0px 10px;
   124     margin-bottom: 20px;
   125   }
   126  
   127  /* Remove extra left and right margins, due to padding in columns */
   128  .row {
   129    margin: 0 -5px;
   130    border-bottom: 20px;
   131  }
   132  
   133  
   134  /* Clear floats after the columns */
   135  .row:after {
   136    content: "";
   137    display: table;
   138    clear: both;
   139  }
   140  
   141  
   142  /* Responsive columns - one column layout (vertical) on small screens */
   143  @media screen and (max-width: 600px) {
   144    .column {
   145      width: 100%;
   146      display: block;
   147      margin-bottom: 20px;
   148    }
   149  }
   150  
   151    @media screen and (max-width: 600px) {
   152    .column-2 {
   153      width: 100%;
   154      display: block;
   155      margin-bottom: 20px;
   156    }
   157  }
   158  
   159  
   160  .card-square.mdl-card {
   161    width: auto;
   162    height: 260px;
   163    font-family: 'Montserrat', sans-serif;
   164    font-size: 14px;
   165    line-height: 24px;
   166  }
   167  .card-square > .mdl-card__title {
   168    color: #fff;
   169    background: #4B2A5C;
   170    padding-left: 10px;
   171  }
   172  
   173  .mdl-card__actions {
   174    line-height: 1.4;
   175  }
   176  
   177  .card-link {
   178    color: var(--md-primary-fg-color);
   179    font-family: 'Montserrat',sans-serif;
   180    font-weight: 700;
   181    font-size: .685rem;
   182    line-height: 24px;
   183  }