Temporarily remove Hugo Pipes Sass conversion (kubernetes#10373)

* Add new Sass generation system

* Remove resources folder

* Add develop Sass command and sourcemaps

* Add Hugo version shortcode for use in docs

* Add OWNERS file to ./sass folder

Makefile

@@ -24,6 +24,12 @@ production-build: build check-headers-file ## Build the production site and ensu
 non-production-build: ## Build the non-production site, which adds noindex headers to prevent indexing
 	hugo --enableGitInfo
 
+sass-build:
+	scripts/sass.sh build
+
+sass-develop:
+	scripts/sass.sh develop
+
 serve: ## Boot the development server.
 	hugo server --ignoreCache --disableFastRender
 

content/en/docs/contribute/intermediate.md

@@ -490,7 +490,7 @@ Slack channel or the
 If you aren't ready to create a pull request but you want to see what your
 changes look like, you can use the `hugo` command to stage the changes locally.
 
-1.  Install Hugo version `0.40.3` or later.
+1.  Install Hugo version {{< hugoVersion >}} or later.
 
 2.  In a terminal, go to the root directory of your clone of the Kubernetes
     docs, and enter this command:

layouts/partials/css.html

@@ -1,19 +1,7 @@
-{{- $mainSass := "sass/styles.sass" }}
-{{- $caseStudySass := "sass/case_study_styles.sass" }}
 <link rel="stylesheet" href="/css/base_fonts.css">
-{{- if .Site.IsServer }}
-{{- $mainCssOpts := (dict "targetPath" "css/styles.css") }}
-{{- $mainCss := resources.Get $mainSass | toCSS $mainCssOpts }}
-<link rel="stylesheet" media="screen" href="{{ $mainCss.RelPermalink }}"><!-- default styles.css on -->
-{{- else }}
-{{- $mainCssOpts := (dict "targetPath" "css/styles.css") }}
-{{- $mainCss := resources.Get $mainSass | toCSS $mainCssOpts | minify | fingerprint }}
-<link rel="stylesheet" media="screen" href="{{ $mainCss.RelPermalink }}" integrity="{{ $mainCss.Data.Integrity }}"><!-- default styles.css on -->
-{{- end }}
+<link rel="stylesheet" href="/css/styles.css">
 {{- if .Params.case_study_styles }}
-{{- $caseStudyCssOpts := (dict "targetPath" "css/styles.css") }}
-{{- $caseStudyCss := resources.Get $caseStudySass | toCSS $caseStudyCssOpts | minify | fingerprint }}
-<link rel="stylesheet" media="screen" href="{{ $caseStudyCss.Permalink }}" integrity="{{ $caseStudyCss.Data.Integrity }}"><!-- custom case_study_styles on -->
+<link rel="stylsheet" href="/css/case-study-styles.css">
 {{- end }}
 <link rel="stylesheet" href="{{ "css/jquery-ui.min.css" | relURL }}">
 <link rel="stylesheet" href="{{ "css/sweetalert.min.css" | relURL }}">
@@ -26,7 +14,8 @@
 <link rel="stylesheet" href="{{ "css/gridpage.css" | relURL }}">
 {{- end }}
 {{- with .Params.css }}
-{{- range (split . ",") }}
+{{- $extraCss := split . "," }}
+{{- range $extraCss }}
 {{- $url := trim . " " | relURL }}
 <link rel="stylesheet" href="{{ $url }}"><!-- custom css added -->
 {{- end }}

layouts/shortcodes/hugoVersion.html

@@ -0,0 +1 @@
+{{ getenv "HUGO_VERSION" }}

sass/OWNERS

@@ -0,0 +1,8 @@
+# Allow CSS/SASS updates from blog and case studies owners 
+options:
+  no_parent_owners: false
+reviewers:
+  - alexcontini
+approvers:
+  - alexcontini
+