Add SASS to AuthorizeAccess project (#1261)

DFE-Digital · Apr 4, 2024 · e848e83 · e848e83
1 parent 7454321
commit e848e83
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 5 deletions.
diff --git a/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/.gitignore b/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/.gitignore
@@ -0,0 +1,3 @@
+wwwroot/lib
+wwwroot/Styles/*.css
+wwwroot/Styles/*.css.map
diff --git a/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/Pages/OidcTest/SignedIn.cshtml b/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/Pages/OidcTest/SignedIn.cshtml
@@ -9,7 +9,7 @@
         new JsonSerializerOptions() { WriteIndented = true });
 }
 
-@section Head {
+@section Styles {
     <style type="text/css" asp-add-nonce="true">
         .claims-json {
             font-family: monospace !important;

diff --git a/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/Pages/OidcTest/_Layout.cshtml b/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/Pages/OidcTest/_Layout.cshtml
@@ -4,8 +4,12 @@
     ViewBag.ServiceName = "OIDC Sample";
 }
 
-@section Head {
-    @RenderSection("Head", required: false)
+@section Styles {
+    @RenderSection("Styles", required: false)
+}
+
+@section Scripts {
+    @RenderSection("Scripts", required: false)
 }
 
 @if (User.Identity?.IsAuthenticated == true)

diff --git a/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/Pages/Shared/_Layout.cshtml b/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/Pages/Shared/_Layout.cshtml
@@ -7,8 +7,9 @@
 
 @section Head {
     <meta name="robots" content="noindex">
-    @RenderSection("Head", required: false)
-    @PageTemplateHelper.GenerateStyleImports()
+    <link rel="stylesheet" asp-href-include="~/Styles/*.css">
+    @RenderSection("Styles", required: false)
+    @RenderSection("Scripts", required: false)
 }
 
 @section Header {

diff --git a/...stem/src/TeachingRecordSystem.AuthorizeAccess/TeachingRecordSystem.AuthorizeAccess.csproj b/...stem/src/TeachingRecordSystem.AuthorizeAccess/TeachingRecordSystem.AuthorizeAccess.csproj
@@ -4,11 +4,16 @@
     <TargetFramework>net8.0</TargetFramework>
   </PropertyGroup>
 
+  <Target Name="CompileSass" BeforeTargets="Build">
+    <Exec Command="sass -q wwwroot/Styles/site.scss wwwroot/Styles/site.css" />
+  </Target>
+
   <ItemGroup>
     <PackageReference Include="GovUk.Frontend.AspNetCore" />
     <PackageReference Include="GovUk.OneLogin.AspNetCore" />
     <PackageReference Include="Joonasw.AspNetCore.SecurityHeaders" />
     <PackageReference Include="Microsoft.ApplicationInsights.AspNetCore" />
+    <PackageReference Include="Microsoft.Web.LibraryManager.Build" />
     <PackageReference Include="OpenIddict.AspNetCore" />
     <PackageReference Include="Sentry.AspNetCore" />
     <PackageReference Include="Serilog.AspNetCore" />

diff --git a/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/libman.json b/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/libman.json
@@ -0,0 +1,10 @@
+{
+  "version": "1.0",
+  "defaultProvider": "jsdelivr",
+  "libraries": [
+    {
+      "library": "[email protected]",
+      "destination": "wwwroot/lib/govuk-frontend/"
+    }
+  ]
+}
diff --git a/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/wwwroot/Styles/site.scss b/TeachingRecordSystem/src/TeachingRecordSystem.AuthorizeAccess/wwwroot/Styles/site.scss
@@ -0,0 +1 @@
+@import '../lib/govuk-frontend/govuk/all.scss';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		@import '../lib/govuk-frontend/govuk/all.scss';