mirror of
https://github.com/gcushen/hugo-academic.git
synced 2025-07-26 19:15:16 +02:00
feat: migrate to latest web best practices
Improve accessibility, informed by Google Lighthouse insights. Part 3
This commit is contained in:
parent
09b3dca341
commit
7b3aff07a7
3 changed files with 10 additions and 3 deletions
|
@ -165,6 +165,9 @@
|
||||||
.sidebar-search-text {
|
.sidebar-search-text {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
// Multilingual safe option to prevent long placeholders overflowing search box.
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: .8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-search-shortcut {
|
.sidebar-search-shortcut {
|
||||||
|
|
|
@ -143,7 +143,11 @@
|
||||||
.section-heading p {
|
.section-heading p {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
color: #b2b2b2;
|
color: rgba(0,0,0,0.54); // Accessible contrast, matching footer text color.
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .section-heading p {
|
||||||
|
color: rgb(158, 158, 158);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*************************************************
|
/*************************************************
|
||||||
|
|
|
@ -31,11 +31,11 @@
|
||||||
<div class="col-lg-12 project-item isotope-item {{ $js_tag_classes | safeHTMLAttr }}">
|
<div class="col-lg-12 project-item isotope-item {{ $js_tag_classes | safeHTMLAttr }}">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col-12 col-md-6">
|
<div class="col-12 col-md-6">
|
||||||
<h3 class="article-title mb-0 mt-0">
|
<div class="section-subheading article-title mb-0 mt-0">
|
||||||
{{- if $do_link}}<a href="{{ $link }}" {{ $target | safeHTMLAttr }}>{{end -}}
|
{{- if $do_link}}<a href="{{ $link }}" {{ $target | safeHTMLAttr }}>{{end -}}
|
||||||
{{ $item.Title | markdownify | emojify }}
|
{{ $item.Title | markdownify | emojify }}
|
||||||
{{- if $do_link}}</a>{{end -}}
|
{{- if $do_link}}</a>{{end -}}
|
||||||
</h3>
|
</div>
|
||||||
|
|
||||||
{{ with $summary }}
|
{{ with $summary }}
|
||||||
<div class="article-style">
|
<div class="article-style">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue