kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[shortcode] img position, alert rtl

This commit is contained in:
zzossig 2020-02-17 16:04:37 +09:00
parent 33bf85a225
commit 0ceb3cb4e1
4 changed files with 36 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
assets/sass/components/_alert.scss
View File

@ -7,26 +7,54 @@
@include themify($themes) {
&-info {
background-color: rgba(215, 238, 249, 0.4);
border-left: 5px solid #bbdefb;
color: themed('dropdown-item-color');
&[data-dir="rtl"] {
border-right: 5px solid #bbdefb;
}
&[data-dir="ltr"] {
border-left: 5px solid #bbdefb;
}
}
&-success {
background-color: rgba(217, 239, 214, 0.4);
border-left: 5px solid #c8e6c9;
color: themed('dropdown-item-color');
&[data-dir="rtl"] {
border-right: 5px solid #c8e6c9;
}
&[data-dir="ltr"] {
border-left: 5px solid #c8e6c9;
}
}
&-warning {
background-color: rgba(255, 249, 196, 0.4);
border-left: 5px solid #ffeb3b;
color: themed('dropdown-item-color');
&[data-dir="rtl"] {
border-right: 5px solid #ffeb3b;
}
&[data-dir="ltr"] {
border-left: 5px solid #ffeb3b;
}
}
&-danger {
background-color: rgba(245, 221, 221, 0.4);
border-left: 5px solid #ffcdd2;
color: themed('dropdown-item-color');
&[data-dir="rtl"] {
border-right: 5px solid #ffcdd2;
}
&[data-dir="ltr"] {
border-left: 5px solid #ffcdd2;
}
}
}
}

2
exampleSite/resources/_gen/assets/scss/sass/main.scss_b4f67ac5085b89b62b54c1923e5a9145.content
View File

File diff suppressed because one or more lines are too long

2
layouts/shortcodes/alert.html
View File

@ -3,4 +3,4 @@
{{- else -}}
{{- with .Get 0 -}}alert-{{.}}{{- else -}}alert-info{{- end -}}
{{- end -}}
" role="alert">{{ .Inner | markdownify }}</div>
" role="alert" data-dir="{{ with .Get "dir" }}{{.}}{{ else }}ltr{{ end }}">{{ .Inner | markdownify }}</div>

2
layouts/shortcodes/img.html
View File

@ -4,7 +4,7 @@
<img data-src="{{ if eq $base "/" }}{{ .Get "src" }}{{ else }}{{ delimit $base "" }}{{ substr (.Get "src") 1 }}{{ end }}" {{ if or (.Get "alt") (.Get "caption") }}alt="{{ with .Get "alt"}}{{.}}{{else}}{{ .Get "caption" }}{{ end }}"{{ end }} data-caption="{{ .Get "caption" }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23aaa' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-4.44-6.19l-2.35 3.02-1.56-1.88c-.2-.25-.58-.24-.78.01l-1.74 2.23c-.26.33-.02.81.39.81h8.98c.41 0 .65-.47.4-.8l-2.55-3.39c-.19-.26-.59-.26-.79 0z'/%3E%3C/svg%3E" class="lazyload" width="{{ .Get "width" }}" height="{{ .Get "height" }}"/>
{{ if .Get "link"}}</a>{{ end }}
{{ if or (or (.Get "title") (.Get "caption")) (.Get "attr")}}
<figcaption>{{ if isset .Params "title" }}
<figcaption style="text-align: {{ with .Get "position" }}{{ . }};{{ end }}">{{ if isset .Params "title" }}
<strong>{{ .Get "title" }}</strong>:{{ end }}
{{ if or (.Get "caption") (.Get "attr")}}
{{ .Get "caption" }}