TheCloud/hugoDocs
1
0
Fork 0
mirror of https://github.com/gohugoio/hugoDocs.git synced 2025-09-17 12:24:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add fluid type to showcase details box

Browse Source 
The fluid type, which has a safe backup, will help longer titles stay
within the constrained div on a variety of screens
This commit is contained in:
budparr 2018-02-14 09:43:20 -05:00 committed by Bjørn Erik Pedersen
parent 4ef59e0082
commit 78790fcb18
4 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
themes/gohugoioTheme/layouts/showcase/single.html
View File

@ -53,7 +53,7 @@ Showcase: {{ .Title }}
{{define "sc-details"}}
<div class="mt4 mt0-ns nested-links">
<div class="ba b--light-gray bg-white pa3">
<h1 class="f3 mt0">{{.Title}}</h1>
<h1 class="f2-fluid mt0">{{.Title}}</h1>
{{ with .Params.siteURL }}
<a href="{{ . }}" class="db f5 mb1">{{ . | replaceRE "^https?://(www\\.)?([^/]+).*" "$2"}} {{ partial "svg/link-ext.svg" (dict "size" "10") }}</a>
{{ end }}

10
themes/gohugoioTheme/src/css/_fluid-type.css Normal file
View File

@ -0,0 +1,10 @@
.f2-fluid {
font-size: 2.25rem;
}
@media (--breakpoint-large) {
.f2-fluid {
font-size: 1.25rem;
font-size: calc(0.875rem + 0.5 * ((100vw - 20rem) / 60));
}
}

1
themes/gohugoioTheme/src/css/main.css
View File

@ -18,6 +18,7 @@
@import '_content';
@import '_content-tables';
@import '_definition-lists';
@import '_fluid-type';
@import '_font-family';
/*@import '_hljs';*/
@import '_hugo-internal-template-styling';

2
themes/gohugoioTheme/static/dist/main.css vendored
View File

File diff suppressed because one or more lines are too long