Pārlūkot izejas kodu

fix(widget): Hero text color when `text_color_light = false`

George Cushen 6 gadi atpakaļ
vecāks
revīzija
7467e65799

+ 1 - 1
exampleSite/content/home/hero.md

@@ -48,7 +48,7 @@ hero_media = "hero-academic.png"
   label = '<a id="academic-release" href="https://sourcethemes.com/academic/updates" data-repo="gcushen/hugo-academic">Latest release <!-- V --></a>'
 +++
 
-**The Best Way to Create the Website You Want from Markdown (or RStudio/Jupyter)**
+**The Best Way to Create the Website You Want from Markdown (or Jupyter/RStudio)**
 
 Build **Anything** with Widgets
 

+ 9 - 6
layouts/partials/css/academic.css

@@ -595,15 +595,15 @@ a[data-fancybox] img {
   font-size: 1.35rem;
 }
 
-.wg-hero .hero-title,
-.wg-hero .hero-lead,
-.wg-hero .hero-cta-alt,
-.wg-hero .hero-note {
+.wg-hero.dark .hero-title,
+.wg-hero.dark .hero-lead,
+.wg-hero.dark .hero-cta-alt,
+.wg-hero.dark .hero-note {
   color: #fff;
   /*text-shadow: 1px 1px 4px rgba(0,0,0,0.5);*/ /* Uncomment to standout on complicated backgrounds. */
 }
 
-.wg-hero a:not(.wg-hero .btn) {
+.wg-hero.dark a:not(.wg-hero .btn) {
   color: #fff;
 }
 
@@ -616,10 +616,13 @@ a[data-fancybox] img {
 }
 
 .wg-hero .btn {
-  color: {{ .Get "primary_dark" }};
   padding: .6em 2.1em;
 }
 
+.wg-hero.dark .btn {
+  color: {{ .Get "primary_dark" }};
+}
+
 a.hero-cta-alt {
   display: inline-block;
   position: relative;

+ 2 - 1
layouts/partials/widgets/hero.html

@@ -1,5 +1,6 @@
 {{ $ := .root }}
 {{ $page := .page }}
+{{ $bg := $page.Params.design.background }}
 
 {{ if $page.Params.hero_media }}
 <div class="row">
@@ -30,7 +31,7 @@
         {{ $target = "target=\"_blank\" rel=\"noopener\"" }}
       {{ end }}
     <p class="cta-btns">
-      <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }} class="btn btn-light btn-lg">{{ if $page.Params.cta.icon }}<i class="{{ $pack }} {{ $pack_prefix }}-{{ $page.Params.cta.icon }}" aria-hidden="true"></i> {{end}}{{ $page.Params.cta.label | markdownify | emojify | safeHTML }}</a>
+      <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }} class="btn {{if $bg.text_color_light}}btn-light{{else}}btn-primary{{end}} btn-lg">{{ if $page.Params.cta.icon }}<i class="{{ $pack }} {{ $pack_prefix }}-{{ $page.Params.cta.icon }}" aria-hidden="true"></i> {{end}}{{ $page.Params.cta.label | markdownify | emojify | safeHTML }}</a>
 
       {{/* Alternative Call-to-action link */}}
       {{ if $page.Params.cta_alt.url }}