thang/notes
1
0
Fork 0
mirror of https://github.com/thangisme/notes.git synced 2024-10-09 06:04:00 -04:00
Code Issues Projects Releases Wiki Activity

Added table wrappers, fixed anchor headings

Browse Source
This commit is contained in:
Silvio Giebl 2019-05-04 23:18:56 +02:00
parent 03e2345833
commit 94f2aaf964
4 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_layouts/anchor_headings.html
View File

@ -1,5 +0,0 @@
---
layout: vendor/compress
---
{% include vendor/anchor_headings.html html=content anchorBody="#" anchorClass="anchor_heading" %}

5
_layouts/default.html
View File

@ -1,5 +1,5 @@
---
layout: anchor_headings
layout: table_wrappers
---
<!DOCTYPE html>
@ -57,7 +57,8 @@ layout: anchor_headings
{% endif %}
{% endunless %}
<div id="main-content" class="page-content" role="main">
{{ content }}
{% include vendor/anchor_headings.html html=content anchorBody="#" anchorClass="anchor_heading" %}
{% if page.has_children == true and page.has_toc != false %}
<hr>

7
_layouts/table_wrappers.html Normal file
View File

@ -0,0 +1,7 @@
---
layout: vendor/compress
---
{% assign content_ = content | replace: '<table', '<div class="table-wrapper"><table' %}
{% assign content_ = content_ | replace: '</table>', '</table></div>' %}
{{ content_ }}

11
_sass/tables.scss
View File

@ -3,18 +3,19 @@
//
// stylelint-disable max-nesting-depth, selector-no-type, selector-max-type
table {
.table-wrapper {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: $sp-5;
overflow-x: auto;
border-collapse: separate;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05);
}
@include mq(sm) {
display: table;
}
table {
display: table;
min-width: 100%;
border-collapse: separate;
}
th,