@@ -40,7 +40,7 @@ $background: #272822;
4040.sidetitle input [type = checkbox ]:checked ~label :after {
4141transform :translateX (-.33333rem )translateY (.29167rem );
4242 }
43-
43+
4444.sidetitle a {
4545color :#fafafa ;
4646 }
@@ -59,7 +59,7 @@ $background: #272822;
5959height :100% ;
6060transform-origin :top ;
6161transition :transform .2s ease-out ;
62- transform :scaleY (1 );
62+ transform :scaleY (1 );
6363padding :0 0.75rem ;
6464 }
6565
@@ -367,4 +367,120 @@ div.home-hero-btn {
367367.home-card-title {
368368text-align :center ;
369369height :2rem ;
370- }
370+ }
371+
372+ .table {
373+ border-collapse :separate ;
374+ border :1px solid #ccc ;
375+ border-radius :0.125rem ;
376+ background-color :#fff ;
377+ color :#565656 ;
378+ margin :0 ;
379+ margin-top :1rem ;
380+ max-width :100% ;
381+ width :100% ; }
382+ .table th ,
383+ .table td {
384+ font-size :0.54167rem ;
385+ line-height :0.58333rem ;
386+ border-top :1px solid #eee ;
387+ padding :0.45833rem 0.5rem 0.45833rem ;
388+ text-align :center ;
389+ vertical-align :top ; }
390+ .table th .left ,
391+ .table td .left {
392+ text-align :left ; }
393+ .table th .left :first-child ,
394+ .table td .left :first-child {
395+ padding-left :0.25rem ; }
396+ .table th {
397+ color :#565656 ;
398+ font-size :0.45833rem ;
399+ font-weight :600 ;
400+ letter-spacing :0.03em ;
401+ background-color :#fafafa ;
402+ vertical-align :bottom ;
403+ border-bottom :1px solid #ccc ;
404+ border-top :0 none ; }
405+ .table tbody tr :first-child td {
406+ border-top :0 none ; }
407+ .table tbody +tbody {
408+ border-top :1px solid #ccc ; }
409+ .table thead th :first-child {
410+ border-radius :calc (0.125rem - 1px )0 0 0 ; }
411+ .table thead th :last-child {
412+ border-radius :0 calc (0.125rem - 1px )0 0 ; }
413+ .table tbody :last-child tr :last-child td :first-child {
414+ border-radius :0 0 0 calc (0.125rem - 1px ); }
415+ .table tbody :last-child tr :last-child td :last-child {
416+ border-radius :0 0 calc (0.125rem - 1px )0 ; }
417+
418+ .table-compact th ,.table-compact td {
419+ padding-top :calc (0.20833rem + 1px );
420+ padding-bottom :calc (0.20833rem ); }
421+
422+ .table.table-vertical thead th {
423+ border :0 none ;
424+ border-radius :0 ;
425+ display :none ; }
426+
427+ .table.table-vertical th {
428+ border-bottom :0 ;
429+ border-top :1px solid #ccc ;
430+ vertical-align :top ; }
431+
432+ .table.table-vertical td ,.table.table-vertical th {
433+ text-align :left ;
434+ border-color :#ccc ; }
435+ .table.table-vertical td :first-child ,.table.table-vertical th :first-child {
436+ border-right :1px solid #ccc ;
437+ background-color :#fafafa ;
438+ font-weight :600 ; }
439+
440+ .table.table-vertical tbody :first-of-type tr :first-child th ,.table.table-vertical tbody :first-of-type tr :first-child td {
441+ border-top :0 none ; }
442+ .table.table-vertical tbody :first-of-type tr :first-child th :first-child ,.table.table-vertical tbody :first-of-type tr :first-child td :first-child {
443+ border-radius :calc (0.125rem - 1px )0 0 0 ; }
444+ .table.table-vertical tbody :first-of-type tr :first-child th :last-child ,.table.table-vertical tbody :first-of-type tr :first-child td :last-child {
445+ border-radius :0 calc (0.125rem - 1px )0 0 ; }
446+
447+ .table.table-vertical tbody :last-child tr :last-child th :first-child ,.table.table-vertical tbody :last-child tr :last-child td :first-child {
448+ border-radius :0 0 0 calc (0.125rem - 1px ); }
449+
450+ .table.table-vertical tbody :last-child tr :last-child th :last-child ,.table.table-vertical tbody :last-child tr :last-child td :last-child {
451+ border-radius :0 0 calc (0.125rem - 1px )0 ; }
452+
453+ .table.table-noborder {
454+ border-radius :0 ;
455+ box-shadow :none ;
456+ background-color :transparent ;
457+ border :0 ; }
458+ .table.table-noborder th {
459+ background-color :transparent ;
460+ border-bottom-color :#ddd ;
461+ border-top :0 none ; }
462+ .table.table-noborder th :first-child {
463+ border-right :0 none ; }
464+ .table.table-noborder td {
465+ border-top :0 none ;
466+ padding-top :calc (0.45833rem + 1px ); }
467+ .table.table-noborder td :first-child {
468+ border-right :0 none ; }
469+ .table.table-noborder thead th :first-child ,.table.table-noborder thead th :last-child {
470+ border-radius :0 ; }
471+ .table.table-noborder th ,.table.table-noborder td {
472+ border-radius :0 !important ; }
473+ .table.table-noborder th :first-child ,.table.table-noborder td :first-child {
474+ padding-left :0 ; }
475+
476+ .table.table-compact th ,.table.table-compact td {
477+ padding-top :calc (0.20833rem + 1px );
478+ padding-bottom :0.20833rem ; }
479+
480+ .table.table-compact.table-noborder th ,.table.table-compact.table-noborder td {
481+ padding-top :calc (0.20833rem + 2px );
482+ padding-bottom :calc (0.20833rem + 1px ); }
483+
484+ table {@extend .table ; }
485+ td {@extend .left ; }
486+ th {@extend .left ; }