renamed discreteCards to paperCards, discreteTags to buttonTags; got rid of discrete class in favor of pure hugo conditional styling

README.md

@@ -69,10 +69,10 @@ summaryLength = 70  # number of words for article summaries
 
     contentWidth = "1000px"  # maximum width of the site content, css syntax
 
-    discreteCards = false  # enable discrete card style; default false
-    discreteTags = false  # enable discrete tag style; default false
+    paperCards = false  # enable paper card style; default false
+    buttonTags = false  # enable button tag style; default false
     tagsInArticlePreview = true  # enable tags list in the article preview card
-    gridView = false  # show post list as a grid. goes well with discreteCards
+    gridView = false  # show post list as a grid. goes well with paperCards
     bigArticleTitle = false  # makes the title in the single article view bigger
     navtype = "standard"  # changes the style of the pagination, available styles are: "standard", "circles"
     enableShadow = false  # shows a shadow around some elements

assets/scss/style.scss

@@ -372,13 +372,13 @@ h6 {font-size: 0.7 * $base_font_size * $title_font_mult;}
     display: block;
     padding-bottom: 25px;
 
-    &.discrete {
+    {{ if (.Site.Params.paperCards | default false) }}
         background-color: var(--default_hl_bg);
         border-radius: $border_radius;
         box-shadow: $shadow;
         padding: 20px;
         padding-top: 1px;
-    }
+    {{ end }}
 
     &.single {
         {{ if (.Site.Params.bigArticleTitle | default false) }}
@@ -396,18 +396,16 @@ h6 {font-size: 0.7 * $base_font_size * $title_font_mult;}
     grid-template-columns: 1fr;
     &.gridView {
         grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-        .card {
-            &.discrete {
-            }
-        }
     }
 }
 
 // only hide hr in cards if they are in the article list
 // cards in list are divs, cards as in full-blown articles use the article tag
-.postlistitem.card.discrete {
+{{ if (.Site.Params.paperCards | default false) }}
+    .postlistitem.card {
         hr { display: none; }
     }
+{{ end}}
 
 .postlistitem.card div {
     img {
@@ -538,10 +536,10 @@ ul.list {
                 margin: 0;
             }
         }
-        &.discrete {
+        {{ if (.Site.Params.paperCards | default false) }}
             border-radius: $border_radius;
             padding: 0;
-        }
+        {{ end }}
     }
 }
 
@@ -659,7 +657,7 @@ header {
     margin: $content_spacing 0;
 }
 
-a.discreteTag {
+a.buttonTag {
     @include roundButtonLike;
 }
 
@@ -686,10 +684,7 @@ a.discreteTag {
 }
 
 input, textarea, textarea.cactus-editor-textarea {
-    {{ if or 
-        (site.Params.discreteCards | default false)
-        (eq (site.Params.navtype | default "standard") "circles")
-    }}
+    {{ if (site.Params.paperCards | default false) }}
         @include buttonLike;
     {{ else }}
         border-radius: 0 !important;
@@ -717,7 +712,7 @@ input, textarea, textarea.cactus-editor-textarea {
 }
 
 .cactus-login-form {
-    {{ if (site.Params.discreteCards | default false) }}
+    {{ if (.Site.Params.paperCards | default false) }}
         border-radius: $border_radius;
     {{ else }}
         border-radius: 0;
@@ -782,7 +777,7 @@ input, textarea, textarea.cactus-editor-textarea {
         width: 450px;
         max-width: 100%;
         padding: 24px;
-        {{ if site.Params.discreteCards }}
+        {{ if (.Site.Params.paperCards | default false) }}
             border-radius: $border_radius;
         {{ end }}
         h1, h2, h3, h4 {

data/colors.yml

@@ -2,7 +2,7 @@ default: dark  # light
 auto_switch: false  # set to true to respect the user preference
 dark:
   bg: '#242629'  # main site background
-  hl_bg: '#34363b'  # card and circle navigation background color for discrete card mode
+  hl_bg: '#34363b'  # card and circle navigation background color for paper card mode
   fg: 'white'  # font color
   dim_fg: '#bababa'  # will be used for secondary information like dates and tags
   stroke: '#4f4f4f'  # stroke/border color used mostly in the icon menu tooltip

layouts/_default/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
     {{- partial "inject/content-before.html" . -}}
-    <article class="card {{ if .Site.Params.discreteCards }}discrete{{ end }} single">
+    <article class="card single">
         <h1>{{ .Title }}</h1>
         {{ if (.Params.showDate | default true) }}
             <p class="date">
@@ -20,14 +20,14 @@
         <div>{{ .Content }}</div>
     </article>
     {{ if .Params.tags }}
-        {{ if not .Site.Params.discreteCards }}<hr />{{ end }}
+        {{ if not .Site.Params.paperCards }}<hr />{{ end }}
         <p class="articleTagsContainer">
             <span> </span>
             <strong>{{ i18n "tagsColumn" }}</strong>
             {{ range sort .Params.tags }}
                 <a
-                    {{ if site.Params.discreteTags | default false }}
-                    class="discreteTag"
+                    {{ if site.Params.buttonTags | default false }}
+                    class="buttonTag"
                     {{ end }}
                     href="/tags/{{ . | urlize }}">#{{ . }}</a>
             {{ end }}

layouts/partials/article_card.html

@@ -1,4 +1,4 @@
-<article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}">
+<article class="card postlistitem">
     <div>
         <h2>
             <a href="{{ .Permalink }}">{{ .Title }}</a>

layouts/partials/featured_articles.html

@@ -1,7 +1,7 @@
 <div class="featured postlist gridView">
 {{ range . }}
     <a class="featuredCardLink" href="{{ .Permalink }}">
-        <article class="featuredCard {{ if .Site.Params.discreteCards }}discrete{{ end }}"
+        <article class="featuredCard"
             style="
                 background-image: linear-gradient(to bottom,
                     rgba(0, 0, 0, 0) 0%,

layouts/partials/js_paginator.html

@@ -14,7 +14,7 @@
     }
     function renderSingleArticle(article) {
         return `
-        <article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}">
+        <article class="card postlistitem">
             <div>
                 <h2>
                     <a href="${article.link}">${article.title}</a>

layouts/partials/showcase.html

@@ -3,7 +3,7 @@
     <div class="postlist gridView">
         {{ range (sort $showcasePosts "File.LogicalName") }}
             {{ if in .File.Dir .Site.Params.showcaseDir }}
-                <article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}">
+                <article class="card postlistitem">
                     <div>
                         <h2>{{ .Title }}</h2>
                         {{ if .Params.image }}