utils/test/reporting/3rd_party/sass/components/_table.scss

   1 ///\r
   2 /// Phantom by HTML5 UP\r
   3 /// html5up.net | @ajlkn\r
   4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
   5 ///\r
   6 \r
   7 /* Table */\r
   8 \r
   9         .table-wrapper {\r
  10                 -webkit-overflow-scrolling: touch;\r
  11                 overflow-x: auto;\r
  12         }\r
  13 \r
  14         table {\r
  15                 margin: 0 0 _size(element-margin) 0;\r
  16                 width: 100%;\r
  17 \r
  18                 tbody {\r
  19                         tr {\r
  20                                 border: solid _size(border-width) _palette(border);\r
  21                                 border-left: 0;\r
  22                                 border-right: 0;\r
  23 \r
  24                                 &:nth-child(2n + 1) {\r
  25                                         background-color: _palette(border-bg);\r
  26                                 }\r
  27                         }\r
  28                 }\r
  29 \r
  30                 td {\r
  31                         padding: 0.75em 0.75em;\r
  32                 }\r
  33 \r
  34                 th {\r
  35                         color: _palette(fg-bold);\r
  36                         font-size: 0.9em;\r
  37                         font-weight: _font(weight-bold);\r
  38                         padding: 0 0.75em 0.75em 0.75em;\r
  39                         text-align: left;\r
  40                 }\r
  41 \r
  42                 thead {\r
  43                         border-bottom: solid (_size(border-width) * 2) _palette(border);\r
  44                 }\r
  45 \r
  46                 tfoot {\r
  47                         border-top: solid (_size(border-width) * 2) _palette(border);\r
  48                 }\r
  49 \r
  50                 &.alt {\r
  51                         border-collapse: separate;\r
  52 \r
  53                         tbody {\r
  54                                 tr {\r
  55                                         td {\r
  56                                                 border: solid _size(border-width) _palette(border);\r
  57                                                 border-left-width: 0;\r
  58                                                 border-top-width: 0;\r
  59 \r
  60                                                 &:first-child {\r
  61                                                         border-left-width: _size(border-width);\r
  62                                                 }\r
  63                                         }\r
  64 \r
  65                                         &:first-child {\r
  66                                                 td {\r
  67                                                         border-top-width: _size(border-width);\r
  68                                                 }\r
  69                                         }\r
  70                                 }\r
  71                         }\r
  72 \r
  73                         thead {\r
  74                                 border-bottom: 0;\r
  75                         }\r
  76 \r
  77                         tfoot {\r
  78                                 border-top: 0;\r
  79                         }\r
  80                 }\r
  81         }