@@ -187,11 +187,11 @@ span.links-footnote { display: inline-block; /* allows keyframe animation to work */ } - li:target, a:target, span.links-footnote:target { + :target { animation: hilite 2.5s; } @keyframes hilite { 0% {background: transparent;} 10% {background: #feffc1;} @@ -640,10 +640,34 @@ } div.article-list-title { font-size: 1.2rem; } + + /* ******* (Mobile first) Keyword Index styling ******* + */ + + #keywordindex { + column-width: 7rem; + margin-top: ◊x-lineheight[2]; + } + + #keywordindex section { + -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ + page-break-inside: avoid; /* Firefox */ + break-inside: avoid; /* IE 10+ */ + } + + #keywordindex h2 { + margin: 0; + } + + #keywordindex ul { + margin-top: 0; + list-style-type: none; + padding: 0; + } /* End of mobile-first typography and layout */ }