code.gitea.io/gitea@v1.22.3/web_src/css/helpers.css (about)

     1  /*
     2  Gitea's tailwind-style CSS helper classes have `gt-` prefix.
     3  Gitea's private styles use `g-` prefix.
     4  */
     5  
     6  .gt-word-break {
     7    word-wrap: break-word !important;
     8    word-break: break-word; /* compat: Safari */
     9    overflow-wrap: anywhere;
    10  }
    11  
    12  .gt-ellipsis {
    13    overflow: hidden !important;
    14    white-space: nowrap !important;
    15    text-overflow: ellipsis !important;
    16  }
    17  
    18  .g-table-auto-ellipsis td.auto-ellipsis {
    19    position: relative;
    20  }
    21  
    22  .g-table-auto-ellipsis td.auto-ellipsis span {
    23    position: absolute;
    24    left: 0;
    25    right: 0;
    26    top: 0;
    27    bottom: 0;
    28    padding: inherit;
    29    white-space: nowrap;
    30    overflow: hidden;
    31    text-overflow: ellipsis;
    32  }
    33  
    34  .interact-fg { color: inherit !important; }
    35  .interact-fg:hover { color: var(--color-primary) !important; }
    36  .interact-fg:active { color: var(--color-primary-active) !important; }
    37  
    38  .interact-bg { background: transparent !important; }
    39  .interact-bg:hover { background: var(--color-hover) !important; }
    40  .interact-bg:active { background: var(--color-active) !important; }
    41  
    42  /*
    43  tw-hidden must win all other "display: xxx !important" classes to get the chance to "hide" an element.
    44  do not use:
    45  * "[hidden]" attribute: it's too weak, can not be applied to an element with "display: flex"
    46  * ".hidden" class: it has been polluted by Fomantic UI in many cases
    47  * inline style="display: none": it's difficult to tweak
    48  * jQuery's show/hide/toggle: it can not show/hide elements with "display: xxx !important"
    49  only use:
    50  * this ".tw-hidden" class
    51  * showElem/hideElem/toggleElem functions in "utils/dom.js"
    52  */
    53  .tw-hidden.tw-hidden { display: none !important; }
    54  
    55  /* proposed class from https://github.com/tailwindlabs/tailwindcss/pull/12128 */
    56  .tw-break-anywhere { overflow-wrap: anywhere !important; }
    57  
    58  @media (max-width: 767.98px) {
    59    /* double selector so it wins over .tw-flex (old .gt-df) etc */
    60    .not-mobile.not-mobile {
    61      display: none !important;
    62    }
    63  }
    64  @media (min-width: 767.98px) {
    65    .only-mobile.only-mobile {
    66      display: none !important;
    67    }
    68  }
    69  
    70  .tab-size-1 { tab-size: 1 !important; }
    71  .tab-size-2 { tab-size: 2 !important; }
    72  .tab-size-3 { tab-size: 3 !important; }
    73  .tab-size-4 { tab-size: 4 !important; }
    74  .tab-size-5 { tab-size: 5 !important; }
    75  .tab-size-6 { tab-size: 6 !important; }
    76  .tab-size-7 { tab-size: 7 !important; }
    77  .tab-size-8 { tab-size: 8 !important; }
    78  .tab-size-9 { tab-size: 9 !important; }
    79  .tab-size-10 { tab-size: 10 !important; }
    80  .tab-size-11 { tab-size: 11 !important; }
    81  .tab-size-12 { tab-size: 12 !important; }
    82  .tab-size-13 { tab-size: 13 !important; }
    83  .tab-size-14 { tab-size: 14 !important; }
    84  .tab-size-15 { tab-size: 15 !important; }
    85  .tab-size-16 { tab-size: 16 !important; }