| | |
| | | -webkit-flex: 0 auto; |
| | | -ms-flex: 0 auto; |
| | | flex: 0 auto; |
| | | background-image: url('../images/split.jpg'); |
| | | background-position: 50% 50%; |
| | | background-image: $image-background; |
| | | background-position: $image-position; |
| | | background-size: cover; |
| | | -o-object-fit: cover; |
| | | object-fit: cover; |
| | |
| | | |
| | | // Image |
| | | $image-background : {{ if .Site.Params.visual.image.enable }}url('../{{ .Site.Params.visual.image.file | default "images/background.jpg" }}'){{ else }}none{{ end }}; |
| | | $image-position : {{ if .Site.Params.visual.image.enable }}{{ .Site.Params.visual.image.position | default "center center" }}{{ else }}0% 0%{{ end }}; |
| | | $image-position : {{ if .Site.Params.visual.image.enable }}{{ .Site.Params.visual.image.position | default "50% 50%" }}{{ else }}0% 0%{{ end }}; |
| | | |
| | | // Animation |
| | | $animation-name : fadein; |