github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/blockapps-ba-master/ui/src/scenes/Projects/Responsive-Grid.scss (about)

     1  .rwd-table {
     2    margin: 1em 0;
     3    width: 100%;
     4  }
     5  
     6  .rwd-table th {
     7    display: none;
     8  }
     9  
    10  .rwd-table td {
    11    display: block;
    12  }
    13  
    14  .rwd-table td:last-child {
    15    padding-bottom: 0.5em;
    16  }
    17  
    18  .rwd-table td:before {
    19    content: attr(data-th);
    20    font-weight: bold;
    21    width: 6.5em;
    22    display: inline-block;
    23  }
    24  
    25  @media (min-width: 768px) {
    26    .rwd-table td:before {
    27      display: none;
    28    }
    29  }
    30  
    31  .rwd-table th,
    32  .rwd-table td {
    33    text-align: left;
    34  }
    35  
    36  @media (min-width: 768px) {
    37    .rwd-table th,
    38    .rwd-table td {
    39      display: table-cell;
    40      padding: 0.25em 0.5em;
    41    }
    42  }
    43  
    44  @media (max-width: 768px) {
    45    .rwd-table td:first-child {
    46      padding-left: 0em;
    47      padding-bottom: 1em;
    48    }
    49  }
    50  
    51  .rwd-table {
    52    overflow: hidden;
    53  }
    54  
    55  .rwd-table th,
    56  .rwd-table td {
    57    margin: 0.5em 1em;
    58  }