Soper
/
hugo-book
forked from gitbot/hugo-book
1
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

Make columns shortcode mobile friendly

soper-book
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 >}} // {{< columns >}}
.book-columns { .book-columns {
margin-top: $padding-16; margin-left: -$padding-16;
margin-bottom: $padding-16; margin-right: -$padding-16;
}
.book-columns > { > div {
div { margin: $padding-16 0;
max-width: 50%; // max-width: 50%;
} min-width: $body-min-width * 0.66;
div + div { padding: 0 $padding-16;
margin-left: $padding-16 * 2;
} }
} }

4
assets/_utils.scss
View File

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

2
assets/_variables.scss
View File

@ -35,7 +35,7 @@ $container-max-width: 80rem;
$header-height: 3.5rem; $header-height: 3.5rem;
$menu-width: 16rem; $menu-width: 16rem;
$toc-width: 14rem; $toc-width: 16rem;
$sm-breakpoint: $menu-width + $body-min-width + 5; $sm-breakpoint: $menu-width + $body-min-width + 5;
$md-breakpoint: $sm-breakpoint + $toc-width; $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 "<--->" }} {{ range split .Inner "<--->" }}
<div class="flex-even markdown-inner"> <div class="flex-even markdown-inner">
{{ . | markdownify }} {{ . | markdownify }}