migrate bootstrap and flags to bundle

layouts/partials/header.html

@@ -3,13 +3,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
 <!-- ============ import common css ========== -->
-<link rel="stylesheet" href="{{ "/css/bootstrap.min.css" | relURL }}"/>
+{{ partial "helpers/style-bundle.html" . }}
 <link rel="stylesheet" href="{{ "/css/layouts/main.css" | relURL }}"/>
 <link rel="stylesheet" href="{{ "/css/navigators/navbar.css" | relURL }}"/>
 <link rel="stylesheet" href="{{ "/css/plyr.css" | relURL }}"/>
-{{ if ne site.Params.features.flags.enable false }}
-<link rel="stylesheet" href="{{ "/css/flag-icon.min.css" | relURL }}"/>
-{{ end }}
 <!--=================== fonts ==============================-->
 <link rel="stylesheet" href="{{ "/google-fonts/Mulish/mulish.css" | relURL }}"/>
 

layouts/partials/helpers/get-sass-options.html

@@ -0,0 +1,5 @@
+{{ return (dict
+    "outputStyle" "compressed"
+    "enableSourceMap" (not hugo.IsProduction)
+    "includePaths" "node_modules"
+) }}

layouts/partials/helpers/style-bundle.html

@@ -0,0 +1,11 @@
+{{/*  setup Sass options  */}}
+{{- $options := partial "helpers/get-sass-options.html" -}}
+{{- $options = $options | merge (dict "targetPath" "application.css") -}}
+
+{{/*  Compile hugo template `application.template.scss` into `application.scss`.  */}}
+{{- $template := resources.Get "styles/application.template.scss" -}}
+{{- $scss := $template | resources.ExecuteAsTemplate "styles/application.scss" . -}}
+
+{{/*  Bundle application.scss  */}}
+{{- $bundle := $scss | resources.ToCSS $options | fingerprint -}}
+<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" integrity="{{ $bundle.Data.Integrity }}" />