diff options
| author | Brandon <brandon@btkoch.xyz> | 2024-10-26 20:14:35 -0400 |
|---|---|---|
| committer | Brandon <brandon@btkoch.xyz> | 2024-10-26 20:14:35 -0400 |
| commit | 702743222fbc9b0417d7ee6663986a19f4c09bb9 (patch) | |
| tree | 15ae2f4570f43f2f0b19d699964d97c646433323 | |
| parent | b980df8bf5a29ba8567beba56b97474dd9dbb3c3 (diff) | |
| -rw-r--r-- | layouts/shortcodes/column.html | 3 | ||||
| -rw-r--r-- | layouts/shortcodes/columns.html | 28 |
2 files changed, 25 insertions, 6 deletions
diff --git a/layouts/shortcodes/column.html b/layouts/shortcodes/column.html new file mode 100644 index 0000000..07e8c84 --- /dev/null +++ b/layouts/shortcodes/column.html @@ -0,0 +1,3 @@ +<div class="column"> + {{ .Inner | safeHTML }} +</div> diff --git a/layouts/shortcodes/columns.html b/layouts/shortcodes/columns.html index 536e87e..97e2eaa 100644 --- a/layouts/shortcodes/columns.html +++ b/layouts/shortcodes/columns.html @@ -1,7 +1,23 @@ -<div class="md-columns"> -{{ range split .Inner "<--->" }} -{{ printf "<div class=\"markdown-inner\">" | htmlUnescape | safeHTML }} -{{ . | safeHTML }} -{{ printf "</div>" | htmlUnescape | safeHTML }} -{{ end }} +<style> + .columns { + display: flex; + justify-content: space-between; + margin: 20px 0; + } + .column { + flex: 1; + padding: 10px; + box-sizing: border-box; + margin: 0 10px; /* Adjust spacing between columns */ + } + @media (max-width: 768px) { + .columns { + flex-direction: column; + } + } +</style> + +<div class="columns"> + {{ .Inner | safeHTML }} </div> + |