@@ -40,7 +40,7 @@ $background: #272822;
4040 .sidetitle input [type = checkbox ]:checked ~label :after {
4141 transform : translateX (-.33333rem ) translateY (.29167rem );
4242 }
43-
43+
4444 .sidetitle a {
4545 color : #fafafa ;
4646 }
@@ -59,7 +59,7 @@ $background: #272822;
5959 height : 100% ;
6060 transform-origin : top ;
6161 transition : transform .2s ease-out ;
62- transform : scaleY (1 );
62+ transform : scaleY (1 );
6363 padding : 0 0.75rem ;
6464 }
6565
@@ -367,4 +367,120 @@ div.home-hero-btn {
367367.home-card-title {
368368 text-align : center ;
369369 height : 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 ; }
0 commit comments