gitbot/hugo-book
1
0
Fork 1
mirror of https://github.com/alex-shpak/hugo-book.git synced 2024-11-25 12:46:44 +00:00
Code Issues Projects Releases Wiki Activity

Make columns shortcode mobile friendly

Browse Source
This commit is contained in:
Alex Shpak 2019-06-18 23:20:29 +02:00
parent 12f2af4d34
commit c679f74cff
6 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/_shortcodes.scss
View File

@ -62,15 +62,14 @@
// {{< columns >}}
.book-columns {
margin-top: $padding-16;
margin-bottom: $padding-16;
}
.book-columns > {
div {
max-width: 50%;
}
div + div {
margin-left: $padding-16 * 2;
margin-left: -$padding-16;
margin-right: -$padding-16;
> div {
margin: $padding-16 0;
// max-width: 50%;
min-width: $body-min-width * 0.66;
padding: 0 $padding-16;
}
}

4
assets/_utils.scss
View File

@ -10,6 +10,10 @@
flex: 1 1;
}
.flex-wrap {
flex-wrap: wrap;
}
.justify-start {
justify-content: flex-start;
}

2
assets/_variables.scss
View File

@ -35,7 +35,7 @@ $container-max-width: 80rem;
$header-height: 3.5rem;
$menu-width: 16rem;
$toc-width: 14rem;
$toc-width: 16rem;
$sm-breakpoint: $menu-width + $body-min-width + 5;
$md-breakpoint: $sm-breakpoint + $toc-width;

2
exampleSite/resources/_gen/assets/scss/book.scss_48b060fe05b0a273d182ef83c0605941.content
View File

File diff suppressed because one or more lines are too long

2
exampleSite/resources/_gen/assets/scss/book.scss_48b060fe05b0a273d182ef83c0605941.json
View File

@ -1 +1 @@
{"Target":"book.min.b7674733ba27fdee6094a00a0b0b41eacf78422e00ba677b0e7117c360034a41.css","MediaType":"text/css","Data":{"Integrity":"sha256-t2dHM7on/e5glKAKCwtB6s94Qi4Aumd7DnEXw2ADSkE="}}
{"Target":"book.min.5efdfb5d6c57649e96a5e47f2e86a409f1b4c1a8452f3c01bdd82cb1dd69c7cb.css","MediaType":"text/css","Data":{"Integrity":"sha256-Xv37XWxXZJ6WpeR/LoakCfG0wahFLzwBvdgssd1px8s="}}

2
layouts/shortcodes/columns.html
View File

@ -1,4 +1,4 @@
<div class="book-columns flex">
<div class="book-columns flex flex-wrap">
{{ range split .Inner "<--->" }}
<div class="flex-even markdown-inner">
{{ . | markdownify }}