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