Commit 7d3903bd2b46896a43efd393948a8116e2edcca7
Better target link underlines in details, add <small>
Temper these elements' default styling in this context. Target link underlines only at <address>, <p>, not at all of the details.Greg K Nicholson committed on 2/14/2018, 4:43:05 PM
Parent: 941ec5382505b9eb739fd78f7f61bd4779866134
Files changed
| themes/ran/static/style/ran.css | changed |
| themes/ran/templates/article.html | changed |
| themes/ran/static/style/ran.css | ||
|---|---|---|
| @@ -272,8 +272,10 @@ | ||
| 272 | 272 … | } |
| 273 | 273 … | |
| 274 | 274 … | details > section > * { |
| 275 | 275 … | display: inline-block; |
| 276 … | + margin-top: 0; | |
| 277 … | + margin-bottom: 0; | |
| 276 | 278 … | margin-right: 1rem; |
| 277 | 279 … | opacity: 0; |
| 278 | 280 … | transition: opacity var(--slow); |
| 279 | 281 … | } |
| @@ -407,12 +409,12 @@ | ||
| 407 | 409 … | filter: none; |
| 408 | 410 … | box-shadow: var(--box-shadow-style) currentColor; |
| 409 | 411 … | outline: 0; |
| 410 | 412 … | } |
| 413 … | + address :link, | |
| 414 … | + address :visited, | |
| 411 | 415 … | p :link, |
| 412 | - p :visited, | |
| 413 | - details section :link, | |
| 414 | - details section :visited { | |
| 416 … | + p :visited { | |
| 415 | 417 … | box-shadow: var(--box-shadow-style) var(--link-dim-color); |
| 416 | 418 … | } |
| 417 | 419 … | |
| 418 | 420 … | address { |
| @@ -480,8 +482,12 @@ | ||
| 480 | 482 … | pre { |
| 481 | 483 … | line-height: 1rem; |
| 482 | 484 … | } |
| 483 | 485 … | |
| 486 … | +small { | |
| 487 … | + font-size: 1rem; | |
| 488 … | +} | |
| 489 … | + | |
| 484 | 490 … | strong { |
| 485 | 491 … | /* Without this, the weight increases from 300 to 400, |
| 486 | 492 … | which isn't distinct enough. */ |
| 487 | 493 … | font-weight: 700; |
| themes/ran/templates/article.html | |||
|---|---|---|---|
| @@ -21,9 +21,9 @@ | |||
| 21 | 21 … | {{- article.author | trim -}} | |
| 22 | 22 … | </a> | |
| 23 | 23 … | </address> | |
| 24 | 24 … | {%- endfor -%} | |
| 25 | - <span> | ||
| 25 … | + <p> | ||
| 26 | 26 … | <time datetime="{{- article.date | strftime('%Y-%m-%d %H:%M') -}}"> | |
| 27 | 27 … | {{- article.date | strftime(DATE_FORMAT_MINUTE) -}} | |
| 28 | 28 … | </time> | |
| 29 | 29 … | {%- if article.modified and | |
| @@ -34,15 +34,18 @@ | |||
| 34 | 34 … | strftime('%Y-%m-%d %H:%M') -}}"> | |
| 35 | 35 … | {{- article.modified | strftime(DATE_FORMAT_MINUTE) -}} | |
| 36 | 36 … | </time> | |
| 37 | 37 … | {%- endif -%} | |
| 38 | - </span> | ||
| 38 … | + </p> | ||
| 39 | 39 … | {%- if article.description -%} | |
| 40 | - {#- #} {# -#} | ||
| 41 | - <i>{{- article.description | trim -}}</i> | ||
| 40 … | + <p> | ||
| 41 … | + <i>{{- article.description | trim -}}</i> | ||
| 42 … | + </p> | ||
| 42 | 43 … | {%- endif -%} | |
| 43 | 44 … | {%- if article.small -%} | |
| 44 | - <i>{{- article.small | trim -}}</i> | ||
| 45 … | + <p> | ||
| 46 … | + <small>{{- article.small | trim -}}</small> | ||
| 47 … | + </p> | ||
| 45 | 48 … | {%- endif -%} | |
| 46 | 49 … | {# <!--XXX skip links --> #} | |
| 47 | 50 … | {%- endblock -%} | |
| 48 | 51 … | {%- block maincontentintro -%} | |
Built with git-ssb-web