hugo

Fork of github.com/gohugoio/hugo with reverse pagination support

git clone git://git.shimmy1996.com/hugo.git

features-icons.html (1413B)

    1 <div class="w-90-l center">
    2   {{ if .Params.features }}
    3     <div class=" flex-ns flex-wrap justify-center center mw9">
    4       {{ $features := .Params.features }}
    5       {{ range $i, $e := $features  }}
    6         {{ $features_count := $e | len }}
    7 
    8         <div class="w-100{{ if and (eq $i $features_count) (ne (modBool $features_count 2) true) }} w-70-ns {{ else }} w-50-ns {{ end }}ph5-l pv5-l nested-copy-line-height">
    9           <!-- NOTE:  "if eq $i $features_count" makes the last item a bit wider for balance. If we use an even number of items, we'll want to remove this -->
   10           <div class="flex-l flex-wrap justify-between">
   11             <div class="flex-auto w-100 w-20-ns pt1 ">
   12               {{ with .image_path }}
   13                 <img src="{{ . }}" alt="icon depicting {{ $e.heading }}" class="h3 o-80 v-mid center w-100">
   14               {{ end }}
   15             </div>
   16 
   17             <div class="flex-auto tc tl-ns w-100 w-80-ns">
   18               <h3 class="lh-title gray o-80 f4 f5-ns mb2 fw8 bmt1 mt0-l">
   19                  {{ .heading }}
   20               </h3>
   21               <div class="db v-mid w-100 gray measure-wide mb5 mb0-l">
   22                 <p class="f3 primary-color mt0 mb2">{{.tagline}}</p>
   23                 <div class="lh-copy">
   24                   {{ .copy }}
   25                 </div>
   26               </div>
   27             </div>
   28           </div>
   29 
   30         </div>
   31       {{ end }}
   32     </div>
   33   {{ end }}
   34 </div>