hugo-theme-introduction/layouts/partials/head/css.html

{{ $bundleRaw := resources.Get "/sass/style.sass" | resources.ExecuteAsTemplate "/css/main.tmp.css" . }}

{{ if .Site.IsServer }}
{{ $cssOpts := (dict "targetPath" "/css/main.css" "enableSourceMap" true ) }}
{{ $bundle := $bundleRaw | toCSS $cssOpts }}
<link rel="stylesheet" href="{{ $bundle.Permalink }}" media="screen">
{{ else }}
{{ $cssOpts := (dict "targetPath" "/css/main.css" ) }}
{{ $postCSSOpts := (dict "use" "autoprefixer" ) }}
{{ $bundle := $bundleRaw | toCSS $cssOpts | postCSS $postCSSOpts | minify | fingerprint }}
<link rel="stylesheet" href="{{ $bundle.Permalink }}" integrity="{{ $bundle.Data.Integrity }}" crossorigin="anonymous" media="screen">
{{ end }}

<!-- Custom css -->
{{ range .Site.Params.customCSS -}}
    {{ $style := resources.Get . }}
    <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}" crossorigin="anonymous" media="screen">
{{- end }}
Canonify owlCarousel css path 2018-07-26 17:34:02 +00:00			`{{ $bundleRaw := resources.Get "/sass/style.sass" \| resources.ExecuteAsTemplate "/css/main.tmp.css" . }}`
Place custom css under assets 2018-07-20 16:27:34 +00:00
Use hugo sass prozessing 2018-07-10 07:23:19 +00:00			`{{ if .Site.IsServer }}`
Canonify owlCarousel css path 2018-07-26 17:34:02 +00:00			`{{ $cssOpts := (dict "targetPath" "/css/main.css" "enableSourceMap" true ) }}`
Place custom css under assets 2018-07-20 16:27:34 +00:00			`{{ $bundle := $bundleRaw \| toCSS $cssOpts }}`
Fix assets for thems site (#111) * Fix font path * Fix favicon path * Revert "Serve hugo pipes assets with .RelPermalink (#107)" This reverts commit 88aa5812f5e081e32853135981cf5784f6c5d5a4. * Use relLangURL * Rebuild docs 2018-11-28 19:50:50 +00:00			`<link rel="stylesheet" href="{{ $bundle.Permalink }}" media="screen">`
Use baseof temple to dry code 2018-07-01 08:09:29 +00:00			`{{ else }}`
Canonify owlCarousel css path 2018-07-26 17:34:02 +00:00			`{{ $cssOpts := (dict "targetPath" "/css/main.css" ) }}`
Use hugo sass prozessing 2018-07-10 07:23:19 +00:00			`{{ $postCSSOpts := (dict "use" "autoprefixer" ) }}`
Place custom css under assets 2018-07-20 16:27:34 +00:00			`{{ $bundle := $bundleRaw \| toCSS $cssOpts \| postCSS $postCSSOpts \| minify \| fingerprint }}`
CORS and Polish lang (#126) I propose adding `crossorigin=anonymous` for signed stylesheets to allow for CORS policy. Practical example - I keep my web page in S3 bucket and redirect both naked domain and www domain into the same bucket (this is rare scenario - most people duplicate buckets). So I had to enable CORS like in [this article](https://medium.com/@Keithweaver_/only-allowing-access-to-your-s3-bucket-via-your-website-5ca5c8546152) However CORS cannot be used without crossorigin=anonymous set. (explained [here](https://stackoverflow.com/questions/32039568/what-are-the-integrity-and-crossorigin-attributes) Also added pl.toml for Polish language. 2019-01-25 14:31:09 +00:00			`<link rel="stylesheet" href="{{ $bundle.Permalink }}" integrity="{{ $bundle.Data.Integrity }}" crossorigin="anonymous" media="screen">`
Use baseof temple to dry code 2018-07-01 08:09:29 +00:00			`{{ end }}`

			`<!-- Custom css -->`
			`{{ range .Site.Params.customCSS -}}`
Place custom css under assets 2018-07-20 16:27:34 +00:00			`{{ $style := resources.Get . }}`
CORS and Polish lang (#126) I propose adding `crossorigin=anonymous` for signed stylesheets to allow for CORS policy. Practical example - I keep my web page in S3 bucket and redirect both naked domain and www domain into the same bucket (this is rare scenario - most people duplicate buckets). So I had to enable CORS like in [this article](https://medium.com/@Keithweaver_/only-allowing-access-to-your-s3-bucket-via-your-website-5ca5c8546152) However CORS cannot be used without crossorigin=anonymous set. (explained [here](https://stackoverflow.com/questions/32039568/what-are-the-integrity-and-crossorigin-attributes) Also added pl.toml for Polish language. 2019-01-25 14:31:09 +00:00			`<link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}" crossorigin="anonymous" media="screen">`
Use baseof temple to dry code 2018-07-01 08:09:29 +00:00			`{{- end }}`