github.com/ddev/ddev@v1.23.2-0.20240519125000-d824ffe36ff3/docs/content/assets/extra.css (about)

     1  /* variables */
     2  :root {
     3      /* #4051b5 (indigo primary) in decimal RGB */
     4      --custom-bg-color: rgba(64, 81, 181, .1);
     5      --custom-header-color: var(--md-primary-fg-color);
     6  }
     7  
     8  /* dark color scheme overrides */
     9  [data-md-color-scheme="slate"] {
    10      --custom-header-color: var(--md-primary-fg-color--light);
    11  }
    12  
    13  /* table does not need a scrollbar, see https://github.com/ddev/ddev/pull/3290#issuecomment-942888867
    14   */
    15  .md-typeset__table {
    16      padding-right: 0;
    17  }
    18  
    19  dt {
    20      font-weight: bold;
    21  }
    22  
    23  .md-typeset :is(.admonition,details) {
    24      font-size: .70rem;
    25      background-color: inherit;
    26  }
    27  
    28  .md-typeset .tabbed-content {
    29      background-color: var(--custom-bg-color);
    30      padding: 10px;
    31  }
    32  
    33  /* only required if we have our svg logo out there */
    34  /*.md-logo {*/
    35  /*  filter:invert(40%)*/
    36  /*}*/
    37  
    38  /* typography */
    39  .md-typeset h1,
    40  .md-typeset h2,
    41  .md-typeset h3,
    42  .md-typeset h4,
    43  .md-typeset h5,
    44  .md-typeset h6 {
    45      font-weight: 700;
    46      margin-bottom: .5em;
    47      color: var(--custom-header-color);
    48  }
    49  
    50  .md-content {
    51      max-width: 130ch;
    52  }
    53  
    54  /* main menu */
    55  .md-container > nav .md-tabs__item {
    56      position: relative !important;
    57      height: 2rem;
    58      display: inline-flex;
    59      justify-content: center;
    60      align-items: center;
    61  }
    62  
    63  .md-container > nav .md-tabs__link {
    64      margin-top: 0;
    65  }
    66  
    67  .md-container > nav .md-tabs__link:after {
    68      content: '';
    69      background: #fff;
    70      opacity: 0;
    71      position: absolute;
    72      right: 0;
    73      bottom: 0;
    74      left: 0;
    75      top: 0;
    76  }
    77  
    78  .md-container > nav .md-tabs__link:hover:after,
    79  .md-container > nav .md-tabs__link--active:after {
    80      opacity: 0.1;
    81  }
    82  
    83  .md-tabs[hidden] .md-tabs__link,
    84  .md-container > nav .md-tabs[hidden] .md-tabs__link {
    85      transform: unset;
    86      transition: opacity .3s ease;
    87  }
    88  
    89  /* blockquote */
    90  [dir=ltr] .md-typeset blockquote {
    91      border-left-color: var(--custom-header-color);
    92      background: var(--custom-bg-color);
    93      padding: .6rem 1rem;
    94  }
    95  
    96  [dir=ltr] .md-typeset blockquote strong {
    97      color: var(--custom-header-color);
    98  }
    99  
   100  [dir=ltr] .md-typeset blockquote p:first-child {
   101      margin-top: 0;
   102  }
   103  
   104  [dir=ltr] .md-typeset blockquote p:last-child {
   105      margin-bottom: 0;
   106  }
   107  
   108  /* tabs */
   109  .md-typeset .tabbed-labels label {
   110      font-size: 0.75rem;
   111  }
   112  
   113  .md-typeset .tabbed-button {
   114      width: 30px;
   115      height: 100%;
   116      border-radius: unset!important;
   117  }
   118  
   119  .md-typeset .tabbed-button:after {
   120      -webkit-mask-size: cover;
   121      mask-size: cover;
   122      mask-position: center;
   123      -webkit-mask-position: center;
   124  }