Equalize size of cards in list (blog, pages, taxonomy). Implements #293 => Remove w3-card

5 files changed, 28 insertions, 6 deletions

diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html
index 01eebd0..90660d1 100644
--- a/layouts/_default/taxonomy.html
+++ b/layouts/_default/taxonomy.html
@@ -34,12 +34,15 @@
   {{- range $index, $element := $paginator.Pages }}
   {{/* range $index, $element := sort .Data.Pages */}}
     {{- if eq (mod $index 3) 0 }}
-    <div class="w3-cell-row w3-margin-top">
+    <div class="w3-cell-row w3-margin-top  display-table-spaced-cells ">
     {{- end }}
+{{- /*
       <div class='w3-cell w3-cell-bottom w3-margin-bottom w3-mobile {{ default `w3-theme-l4` ($.Site.Param `colorTaxonomyCell`)}} '>
         <div class='w3-card w3-margin-right w3-round w3-hover-shadow w3-opacity-min w3-hover-opacity-off {{ default `w3-theme-l3` ($.Site.Param `colorTaxonomyCard`)}} '>
+*/}}
+      <div class='w3-cell w3-mobile w3-margin-right w3-round w3-hover-shadow w3-opacity-min w3-hover-opacity-off {{ default `w3-theme-l3` ($.Site.Param `colorTaxonomyCard`)}} '>
           {{ partial `main.teaser_in_card.html` . }}
-        </div> <!-- w3-card -->
+{{- /*        </div> <!-- w3-card --> */}}
       </div> {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
                {{ `<!-- w3-cell -->` | safeHTML }}
              {{- end}}
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 49fe336..433fc99 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -43,18 +43,24 @@
       {{ `<!-- modulo 0 -->` | safeHTML }}
     {{- end}}
 
-  <div class='w3-cell-row w3-margin-top {{ default `w3-theme-l4` ($.Site.Param `colorBlogListCell`)}} '>
+  <div class='w3-cell-row w3-margin-top  display-table-spaced-cells  {{ default `w3-theme-l4` ($.Site.Param `colorBlogListCell`)}} '
+  >
   {{- end -}}
 
-    <div class="w3-cell w3-cell-bottom w3-mobile">
+{{- /*
+    <div class="w3-cell w3-cell-bottom w3-mobile" >
       <div class='w3-card w3-margin-right w3-round w3-hover-shadow w3-opacity-min w3-hover-opacity-off {{ default `w3-theme-l3` ($.Site.Param `colorBlogListCard`)}} '>
+*/}}
+    <div class="w3-cell w3-mobile  w3-margin-right w3-round w3-hover-shadow w3-opacity-min w3-hover-opacity-off {{ default `w3-theme-l3` ($.Site.Param `colorBlogListCard`)}} " >
         {{ partial `main.teaser_in_card.html` . }}
         {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
           {{ `<!-- back in blog/list.html  -->` | safeHTML }}
         {{- end}}
+{{- /*
       </div> {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
                {{ `<!-- w3-card -->` | safeHTML }}
              {{- end}}
+*/}}
     </div> {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
              {{ `<!-- w3-cell -->` | safeHTML }}
            {{- end}}
diff --git a/layouts/pages/list.html b/layouts/pages/list.html
index 572278f..3353f66 100644
--- a/layouts/pages/list.html
+++ b/layouts/pages/list.html
@@ -26,19 +26,24 @@
     {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
       {{ `<!-- modulo 0 -->` | safeHTML }}
     {{- end}}
-    <div class="w3-cell-row w3-margin-bottom ">
+    <div class="w3-cell-row w3-margin-bottom display-table-spaced-cells ">
     {{- end }}
 
+{{- /*
     <div class='w3-cell w3-cell-bottom w3-mobile {{ default `w3-theme-l4` ($.Site.Param `colorPagesListCell`)}} '>
         <div class='w3-card w3-margin-right w3-round w3-hover-shadow w3-opacity-min w3-hover-opacity-off {{ default `w3-theme-l3` ($.Site.Param `colorPagesListCard`)}} '>
+*/}}
+    <div class='w3-cell w3-mobile w3-margin-right w3-round w3-hover-shadow w3-opacity-min w3-hover-opacity-off {{ default `w3-theme-l3` ($.Site.Param `colorPagesListCard`)}}  '>
         {{ partial `main.teaser_in_card.html` . }}
         {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
           {{ `<!-- back in pages/list.html (main)   -->` | safeHTML }}
         {{- end}}
 
+{{- /*
         </div> {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
                  {{ `<!-- w3-card -->` | safeHTML }}
                {{- end}}
+*/}}
       </div> {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
                {{ `<!-- w3-cell -->` | safeHTML }}
              {{- end}}
diff --git a/static/css/w3css-basic.css b/static/css/w3css-basic.css
index 8b4aa7f..d9eca0f 100644
--- a/static/css/w3css-basic.css
+++ b/static/css/w3css-basic.css
@@ -523,6 +523,14 @@ pre.terminal-out {
 	line-height:      1.2;
 }
 
+
+/* -------------------------------------------------- */
+/* spaced cells in list of cards (blog, pages, taxonomy) */
+.display-table-spaced-cells {
+  border-collapse: separate ;
+  border-spacing: 3px 0px  ;
+}
+
 /* ------------------------------------------------------------------------------ */
 /* -- Local variables:      */
 /* -- tab-width:         2  */
diff --git a/static/css/w3css-basic.min.css b/static/css/w3css-basic.min.css
index 47bffde..98346cb 100644
--- a/static/css/w3css-basic.min.css
+++ b/static/css/w3css-basic.min.css
@@ -3,4 +3,4 @@ tbody tr:hover{background-color:#ccc}td,th{padding:2px 8px;display:table-cell;ve
 .photocards-animated8{animation-delay:4s;-webkit-animation-delay:4s}.photocards-animated9{animation-delay:4.5s;-webkit-animation-delay:4.5s}.features-animated{animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-duration:.8s;-webkit-animation-duration:.8s}.features-animated0{animation-delay:0;-webkit-animation-delay:0}.features-animated1{animation-delay:.5s;-webkit-animation-delay:.5s}.features-animated2{animation-delay:1s;-webkit-animation-delay:1s}.features-animated3{animation-delay:1.5s;-webkit-animation-delay:1.5s}.features-animated4{animation-delay:2s;-webkit-animation-delay:2s}.features-animated5{animation-delay:2.5s;-webkit-animation-delay:2.5s}.features-animated6{animation-delay:3s;-webkit-animation-delay:3s}.features-animated7{animation-delay:3.5s;-webkit-animation-delay:3.5s}.features-animated8{animation-delay:4s;-webkit-animation-delay:4s}.features-animated9{animation-delay:4.5s;-webkit-animation-delay:4.5s}#testimonials-title{font-variant:small-caps}#see_more_title{font-variant:small-caps}
 #see_more_background{background:url('../images/backgrounds/see_more_background.jpg') center top no-repeat;background-color:rgba(100,100,100,0.9);background-blend-mode:darken;background-attachment:scroll;background-size:auto auto;background-attachment:fixed;background-size:cover}#recent_posts_title{font-variant:small-caps}#clients-title{font-variant:small-caps}#map{height:200px}.header-nav-menu-topbar-small,.header-nav-menu-dropdown-small,.header-nav-menu-small{padding-left:4px !important;padding-right:4px !important}.header-nav-menu-topbar-medium,.header-nav-menu-dropdown-medium,.header-nav-menu-medium{padding-left:8px !important;padding-right:8px !important}figure img{max-width:100%}.fancy-figure.caption-position-bottom figcaption{padding:3%}.fancy-figure.caption-position-bottom figcaption footer a{position:relative}.gallery figcaption,.fancy-figure figcaption{background:#000;color:#FFF;font-size:85%;background:rgba(0,0,0,0.5);opacity:.9}.gallery .box figure{float:left;margin:1em 4px}.gallery{margin:10px;max-width:none}
 .gallery .box{float:left;position:relative;width:100%;padding-bottom:100%}@media only screen and (min-width :365px){.gallery .box{width:50%;padding-bottom:50%}}@media only screen and (min-width :480px){.gallery .box{width:33.3%;padding-bottom:33.3%}}@media only screen and (min-width :760px){.gallery .box{width:25%;padding-bottom:25%}}@media only screen and (min-width :1024px){.gallery .box{width:20%;padding-bottom:20%}}@media only screen and (min-width :1280px){.gallery .box{width:16%;padding-bottom:16%}}.res-figure{display:inline-block;background:rgba(0,0,0,0.1);padding:5px;margin:10px}.res-figcaption{text-align:center;font-size:75%;padding-top:6px;line-height:1}.res-figcaption a{position:relative}code.chroma{background-color:rgba(0,255,255,.3)}.shortcode-danger{border-color:#f44336 !important}.shortcode-warning{border-color:#ffeb3b !important}.shortcode-info{border-color:#2196f3 !important}.shortcode-exclamation{border-color:#2a8 !important}.shortcode-success{border-color:#4caf50 !important}.shortcode-quote{border-color:#4caf50 !important;display:table}
-.shortcode-quote-source{font-style:italic;font-weight:bold}pre.w3-code,span.w3-codespan{font-family:monospace,monospace !important;font-size:1em;line-height:1.2}pre.w3-code,pre.chroma{border-radius:6px;border:1px solid;padding:10px 6px 10px 6px;overflow:auto;line-height:1.2}pre.terminal-in{border-radius:6px;border:1px solid;padding:10px 6px 10px 6px;overflow:auto;line-height:1.2}pre.terminal-out{border-radius:6px;padding:10px 6px 10px 6px;border:1px solid;overflow:auto;line-height:1.2}
\ No newline at end of file
+.shortcode-quote-source{font-style:italic;font-weight:bold}pre.w3-code,span.w3-codespan{font-family:monospace,monospace !important;font-size:1em;line-height:1.2}pre.w3-code,pre.chroma{border-radius:6px;border:1px solid;padding:10px 6px 10px 6px;overflow:auto;line-height:1.2}pre.terminal-in{border-radius:6px;border:1px solid;padding:10px 6px 10px 6px;overflow:auto;line-height:1.2}pre.terminal-out{border-radius:6px;padding:10px 6px 10px 6px;border:1px solid;overflow:auto;line-height:1.2}.display-table-spaced-cells{border-collapse:separate;border-spacing:3px 0}
\ No newline at end of file