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;

  6. 

  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.   }

  15. 

  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.   }

  22. 

  23.   & > tbody > tr > th {

  24.     font-weight: 500;

  25.   }

  26. 

  27.   & > tbody > tr:nth-child(odd) > td,

  28.   & > tbody > tr:nth-child(odd) > th {

  29.     background: $ui-base-color;

  30.   }

  31. 

  32.   a {

  33.     color: $ui-highlight-color;

  34.     text-decoration: underline;

  35. 

  36.     &:hover {

  37.       text-decoration: none;

  38.     }

  39.   }

  40. 

  41.   strong {

  42.     font-weight: 500;

  43. 

  44.     @each $lang in $cjk-langs {

  45.       &:lang(#{$lang}) {

  46.         font-weight: 700;

  47.       }

  48.     }

  49.   }

  50. 

  51.   &.inline-table > tbody > tr:nth-child(odd) > td,

  52.   &.inline-table > tbody > tr:nth-child(odd) > th {

  53.     background: transparent;

  54.   }

  55. }

  56. 

  57. .table-wrapper {

  58.   overflow: auto;

  59.   margin-bottom: 20px;

  60. }

  61. 

  62. samp {

  63.   font-family: monospace;

  64. }

  65. 

  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;

  73. 

  74.   &:hover {

  75.     color: $primary-text-color;

  76.   }

  77. 

  78.   i.fa {

  79.     font-weight: 400;

  80.     margin-right: 5px;

  81.   }

  82. }