fix dimensione immagini didascalie su mobile #158
@ -43,17 +43,16 @@
|
||||
@include breakpoint('<=narrower') {
|
||||
#logo-text-wrapper { display: none; }
|
||||
#titleBar { background-color: rgb(124,124,124); }
|
||||
#content article img {
|
||||
max-width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
#content article img { max-width: 100%; }
|
||||
|
||||
figure {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
width: 100%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
font-size: smaller;
|
||||
font-style: italic;
|
||||
|
@ -29,7 +29,7 @@
|
||||
{{- end -}}>
|
||||
{{- with $figcaption -}}
|
||||
<figcaption
|
||||
{{ with $captionWidth }} style="width: {{- . -}}px;"
|
||||
{{ with $captionWidth }} style="max-width: {{- . -}}px;"
|
||||
{{- end -}}>{{- . -}}</figcaption>
|
||||
{{- end -}}
|
||||
</figure>
|
||||
|
@ -35,7 +35,7 @@
|
||||
<img src="{{ $img.RelPermalink }}" alt="{{ .Params.image_alt }}" />
|
||||
{{- end -}}
|
||||
{{- with .Params.image_caption -}}
|
||||
<figcaption style="width: {{- $img.Width -}}px;">{{- . | markdownify -}}</figcaption>
|
||||
<figcaption style="max-width: {{- $img.Width -}}px;">{{- . | markdownify -}}</figcaption>
|
||||
{{- end -}}
|
||||
</figure></span>
|
||||
{{ end }}
|
||||
|
Loading…
x
Reference in New Issue
Block a user