logo

mastofe

My custom branche(s) on git.pleroma.social/pleroma/mastofe git clone https://hacktivis.me/git/mastofe.git

tables.scss (1330B)

    

  1. .table {
  2.   width: 100%;
  3.   max-width: 100%;
  4.   border-spacing: 0;
  5.   border-collapse: collapse;
  7.   th,
  8.   td {
  9.     padding: 8px;
  10.     line-height: 18px;
  11.     vertical-align: top;
  12.     border-top: 1px solid $ui-base-color;
  13.     text-align: left;
  14.   }
  16.   & > thead > tr > th {
  17.     vertical-align: bottom;
  18.     border-bottom: 2px solid $ui-base-color;
  19.     border-top: 0;
  20.     font-weight: 500;
  21.   }
  23.   & > tbody > tr > th {
  24.     font-weight: 500;
  25.   }
  27.   & > tbody > tr:nth-child(odd) > td,
  28.   & > tbody > tr:nth-child(odd) > th {
  29.     background: $ui-base-color;
  30.   }
  32.   a {
  33.     color: $ui-highlight-color;
  34.     text-decoration: underline;
  36.     &:hover {
  37.       text-decoration: none;
  38.     }
  39.   }
  41.   strong {
  42.     font-weight: 500;
  44.     @each $lang in $cjk-langs {
  45.       &:lang(#{$lang}) {
  46.         font-weight: 700;
  47.       }
  48.     }
  49.   }
  51.   &.inline-table > tbody > tr:nth-child(odd) > td,
  52.   &.inline-table > tbody > tr:nth-child(odd) > th {
  53.     background: transparent;
  54.   }
  55. }
  57. .table-wrapper {
  58.   overflow: auto;
  59.   margin-bottom: 20px;
  60. }
  62. samp {
  63.   font-family: monospace;
  64. }
  66. a.table-action-link {
  67.   text-decoration: none;
  68.   display: inline-block;
  69.   margin-right: 5px;
  70.   padding: 0 10px;
  71.   color: rgba($primary-text-color, 0.7);
  72.   font-weight: 500;
  74.   &:hover {
  75.     color: $primary-text-color;
  76.   }
  78.   i.fa {
  79.     font-weight: 400;
  80.     margin-right: 5px;
  81.   }
  82. }