Azure

Explore all libraries in Azure

Explore all Azure open source software, libraries, packages, source code, cloud functions and APIs.

Popular New Releases in Azure

sops

v3.7.2

virtual-environments

macOS 10.15 (20220419 update)

cloud-custodian

0.9.15.0

ScoutSuite

5.10.2

azure-sdk-for-net

Microsoft.Azure.Management.Chaos_0.9.15-preview.1

Popular Libraries in Azure

azure-quickstart-templates

by Azure shell

11650 MIT

Azure Quickstart Templates

sops

by mozilla go

9259 MPL-2.0

Simple and flexible tool for managing secrets

azure-docs

by MicrosoftDocs powershell

6965 NOASSERTION

Open source documentation of Microsoft Azure

virtual-environments

by actions powershell

5535 MIT

GitHub Actions virtual environments

cloud-custodian

by cloud-custodian python

4100 Apache-2.0

Rules engine for cloud security, cost optimization, and governance, DSL in yaml for policies to query, filter, and take actions on resources

ScoutSuite

by nccgroup python

4010 GPL-2.0

Multi-Cloud Security Auditing Tool

azure-sdk-for-net

by Azure csharp

3637 MIT

This repository is for active development of the Azure SDK for .NET. For consumers of the SDK we recommend visiting our public developer docs at https://docs.microsoft.com/dotnet/azure/ or our versioned developer docs at https://azure.github.io/azure-sdk-for-net.

terraform-provider-azurerm

by hashicorp go

3290 MPL-2.0

Terraform provider for Azure Resource Manager

CBL-Mariner

by microsoft go

3213 MIT

Linux OS for Azure 1P services and edge appliances

Explore all libraries in Azure

Trending New libraries in Azure

CBL-Mariner

by microsoft go

3213 MIT

Linux OS for Azure 1P services and edge appliances

AZ-204-DevelopingSolutionsforMicrosoftAzure

by MicrosoftLearning csharp

1391 MIT

AZ-204: Developing solutions for Microsoft Azure

threadx

by azure-rtos c

1280 NOASSERTION

Azure RTOS ThreadX is an advanced real-time operating system (RTOS) designed specifically for deeply embedded applications.

AZ-104-MicrosoftAzureAdministrator

by MicrosoftLearning powershell

1258 MIT

AZ-104 Microsoft Azure Administrator

Stormspotter

by Azure python

1024 NOASSERTION

Azure Red Team tool for graphing Azure and Azure Active Directory objects

leapp

by Noovolari typescript

941 MPL-2.0

Leapp is the DevTool to access your cloud

allstar

by ossf go

832 Apache-2.0

GitHub App to set and enforce security policies

ROADtools

by dirkjanm python

547 MIT

The Azure AD exploration framework.

AzureMasterClass

by johnthebrit powershell

536

Repo for the Azure Master Class

Top Authors in Azure

Azure-Samples

415 Libraries

13255

Azure

402 Libraries

68377

microsoft

246 Libraries

23837

MicrosoftDocs

83 Libraries

11281

PacktPublishing

34 Libraries

380

Microsoft

25 Libraries

1126

MicrosoftLearning

24 Libraries

4381

paolosalvatori

18 Libraries

1904

microsoftgraph

18 Libraries

795

mspnp

16 Libraries

2660

Azure-Samples

415 Libraries

13255

Azure

402 Libraries

68377

microsoft

246 Libraries

23837

MicrosoftDocs

83 Libraries

11281

PacktPublishing

34 Libraries

380

Microsoft

25 Libraries

1126

MicrosoftLearning

24 Libraries

4381

paolosalvatori

18 Libraries

1904

microsoftgraph

18 Libraries

795

mspnp

16 Libraries

2660

Trending Kits in Azure

10 Best .NET/C# Microsoft Azure Libraries 2023

.NET is an open-source, cross-platform framework developed by Microsoft for building applications and services with the help of managed code written in C#, Visual Basic, and F#. C#/.NET libraries are a set of code packages to help developers build applications faster and more efficiently. These libraries offer several pre-built components, such as user interface controls, web services, and database access. They are an excellent way for beginners to get started in C# and .NET development.

Azure is Microsoft's comprehensive cloud computing platform, which provides a wide range of cloud services, including analytics, virtual computing, and more. It enables developers to build, deploy, and manage applications in the cloud. It supports an extensive range of programming languages, frameworks, and tools. Azure libraries provide a way for developers to access the full range of cloud computing features available on Azure. The libraries make it easier to use the platform and give access to a wide range of services beyond a single application's scope, such as authentication, storage, networking, and more. The Azure libraries are divided into the .NET Framework and the .NET Core libraries. The .NET

Framework libraries allow the core functionality for developing applications on Azure, while the .NET Core libraries provide additional services such as service buses, media services, and machine learning. Each library has its unique feature. With Azure SDK, developers can quickly add resources to their applications and services. Windows Azure Storage Dotnet Client Library provides an object model that allows developers to modify data in Azure Storage easily. Other libraries, such as the Microsoft Azure Service Bus Dotnet, azure-sdk-for-net, DotNetty, AZ-204-DevelopingSolutionsforMicrosoftAzure, kudu, Azure Keyvault, azure-powershell, media-services-dotnet-dynamic-encryption-with-aes facilitate developers to build good networking, computing, streaming applications.

Check out the below list to find the best top 10 C#/.NET Azure Libraries for your app development.

More kits in Azure

Trending Discussions on Azure

Unable to negotiate with 40.74.28.9 port 22: no matching host key type found. Their offer: ssh-rsa

AzurePipeline failing due to: The reference assemblies for .NETFramework,Version=v4.6.1 were not found

Problems with creating an azure function in visual studio 2022

NPM install task failing in Azure Devops, same code worked previously

Error NETSDK1045: The current .NET SDK does not support targeting .NET 6.0

Save authenticated users to database coming from Azure AD

how to repeat the height for grid-auto-rows

How to register ServiceBusClient for dependency injection?

C# WASM without Blazor

Azure Pipelines Xamarin.Forms iOS build fails with error MSB4057: The target "_IsProjectRestoreSupported" does not exist in the project

Unable to negotiate with 40.74.28.9 port 22: no matching host key type found. Their offer: ssh-rsa

AzurePipeline failing due to: The reference assemblies for .NETFramework,Version=v4.6.1 were not found

Problems with creating an azure function in visual studio 2022

NPM install task failing in Azure Devops, same code worked previously

Error NETSDK1045: The current .NET SDK does not support targeting .NET 6.0

Save authenticated users to database coming from Azure AD

how to repeat the height for grid-auto-rows

How to register ServiceBusClient for dependency injection?

C# WASM without Blazor

Azure Pipelines Xamarin.Forms iOS build fails with error MSB4057: The target "_IsProjectRestoreSupported" does not exist in the project

QUESTION

Unable to negotiate with 40.74.28.9 port 22: no matching host key type found. Their offer: ssh-rsa

Asked 2022-Mar-28 at 15:54

After start of using NixOS as a new package management system, I get the following error when using git within Azure DevOps repositories and rsa ssh key:

1jaroslavbezdek@mac&gt; git pull
2Unable to negotiate with 40.74.28.9 port 22: no matching host key type found. Their offer: ssh-rsa
3fatal: Could not read from remote repository.
4
5Please make sure you have the correct access rights
6and the repository exists.
7

What can I do with that, please?

ANSWER

Answered 2021-Nov-12 at 12:44

According to this post, you can add ssh.dev.azure.com host config to your ~/.ssh/config file:

Final ~/.ssh/config that worked for me:

1jaroslavbezdek@mac&gt; git pull
2Unable to negotiate with 40.74.28.9 port 22: no matching host key type found. Their offer: ssh-rsa
3fatal: Could not read from remote repository.
4
5Please make sure you have the correct access rights
6and the repository exists.
7Host ssh.dev.azure.com
8    HostName ssh.dev.azure.com
9    User git
10    IdentityFile ~/.ssh/id_rsa
11    IdentitiesOnly yes
12    PubkeyAcceptedAlgorithms +ssh-rsa
13    HostkeyAlgorithms +ssh-rsa
14

Source https://stackoverflow.com/questions/69875520

QUESTION

AzurePipeline failing due to: The reference assemblies for .NETFramework,Version=v4.6.1 were not found

Asked 2022-Mar-25 at 09:30

I have an Azure pipeline setup for my builds. I have been running into this issue recently and cannot figure out a way to fix this:

1##[error]C:\Program Files\Microsoft Visual Studio\2022\Enterprise\MSBuild\Current\Bin\Microsoft.Common.CurrentVersion.targets(1220,5): Error MSB3644: The reference assemblies for .NETFramework,Version=v4.6.1 were not found. To resolve this, install the Developer Pack (SDK/Targeting Pack) for this framework version or retarget your application. You can download .NET Framework Developer Packs at https://aka.ms/msbuild/developerpacks
2

About a week or so ago lots of our builds were failing, MS had changed something and we were getting this sort of thing:

1##[error]C:\Program Files\Microsoft Visual Studio\2022\Enterprise\MSBuild\Current\Bin\Microsoft.Common.CurrentVersion.targets(1220,5): Error MSB3644: The reference assemblies for .NETFramework,Version=v4.6.1 were not found. To resolve this, install the Developer Pack (SDK/Targeting Pack) for this framework version or retarget your application. You can download .NET Framework Developer Packs at https://aka.ms/msbuild/developerpacks
2[error]C:\Users\VssAdministrator\.nuget\packages\codegeneration.roslyn.buildtime\0.6.1\build\CodeGeneration.Roslyn.BuildTime.targets(73,5): Error CGR1001: CodeGeneration.Roslyn.Tool (dotnet-codegen) is not available, code generation won't run. Please check https://github.com/AArnott/CodeGeneration.Roslyn for usage instructions. 
3

However was able to solve this by explicitily adding a task to include the netcore2.1 sdk

1##[error]C:\Program Files\Microsoft Visual Studio\2022\Enterprise\MSBuild\Current\Bin\Microsoft.Common.CurrentVersion.targets(1220,5): Error MSB3644: The reference assemblies for .NETFramework,Version=v4.6.1 were not found. To resolve this, install the Developer Pack (SDK/Targeting Pack) for this framework version or retarget your application. You can download .NET Framework Developer Packs at https://aka.ms/msbuild/developerpacks
2[error]C:\Users\VssAdministrator\.nuget\packages\codegeneration.roslyn.buildtime\0.6.1\build\CodeGeneration.Roslyn.BuildTime.targets(73,5): Error CGR1001: CodeGeneration.Roslyn.Tool (dotnet-codegen) is not available, code generation won't run. Please check https://github.com/AArnott/CodeGeneration.Roslyn for usage instructions. 
3    - task: UseDotNet@2
4      inputs:
5        packageType: 'sdk'
6        version: '2.x'
7

Now this issues is fixed we are now posed with the error complaining it cannot find .NET Framework 4.6.1.

Anyways any idea whats going on, this is driving me banannas - any advice or insight greatly appreciated.

ANSWER

Answered 2022-Mar-16 at 06:02

From Agent pool - Change Agent Specification from Window-Latest to Window-2019 ,It seems MS has done some changes in default agent

Image

Source https://stackoverflow.com/questions/71486310

QUESTION

Problems with creating an azure function in visual studio 2022

Asked 2022-Mar-22 at 12:55

So I right click on the solution > add > new project > find azure function > choose template > create that

And then nothing happens. If I swap to folder view, I see a new folder made for the function, but its an empty folder.

Weirdest thing is, this was working perfectly fine and a moment later, it became how it is right now. I've not updated vs in between, I've not restarted in between. It was literally closed vs, opened again, and then vs broke.

Older solutions that has functions in them, tried creating a new one, doesn't work same story. Made new solutions and start it off with creating a function, didn't work as well. Reinstalled vs, also did not help, still the same issue. Any ideas how I broke vs?

Also, this works from powershell, I can create functions from there and then go back to vs to add an existing project. However the functions I've build using this method had runtime errors (I think) when I publish them into azure. Regardless, I really would like to be able to create functions normally in vs.

ANSWER

Answered 2022-Mar-22 at 12:55

As we can see from the comment section of the question, the solution was:

Go into Tools -> Get Tools and Features
download the .Net desktop development

As Maybemonday described in his/her comment, functions can be created afterwards.

Source https://stackoverflow.com/questions/71313799

QUESTION

NPM install task failing in Azure Devops, same code worked previously

Asked 2022-Mar-12 at 12:38

I have yaml pipeline running a build in Azure Devops. The Npm@1 task has started failing this morning. npm install works locally with npm version 6.14.5 and it's all green lights on npm Status.

1pool:
2  name: 'Azure Pipelines'
3  vmImage: ubuntu-latest
4
5stages:
6  - stage: 
7    variables:
8      buildConfiguration: &quot;Release&quot;
9      buildPlatform: &quot;AnyCPU&quot;
10    jobs:
11    - job: 
12      steps:      
13      - task: Npm@1
14        displayName: 'npm install'
15        inputs:
16          workingDir: Azure/MySite/ClientApp
17

Here's where things start to go wrong in the logs:

1pool:
2  name: 'Azure Pipelines'
3  vmImage: ubuntu-latest
4
5stages:
6  - stage: 
7    variables:
8      buildConfiguration: &quot;Release&quot;
9      buildPlatform: &quot;AnyCPU&quot;
10    jobs:
11    - job: 
12      steps:      
13      - task: Npm@1
14        displayName: 'npm install'
15        inputs:
16          workingDir: Azure/MySite/ClientApp
17
181156 verbose pkgid node-sass@4.14.1
191157 verbose cwd /home/vsts/work/1/s/Azure/MySite/ClientApp
201158 verbose Linux 5.11.0-1021-azure
211159 verbose argv &quot;/usr/local/bin/node&quot; &quot;/usr/local/bin/npm&quot; &quot;install&quot;
221160 verbose node v16.13.0
231161 verbose npm  v8.1.0
241162 error code 1
251163 error path /home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-sass
261164 error command failed
271165 error command sh -c node scripts/build.js
281166 error Building: /usr/local/bin/node /home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
291166 error make: Entering directory '/home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-sass/build'
301166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/ast.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/ast.o ../src/libsass/src/ast.cpp
311166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/ast_fwd_decl.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/ast_fwd_decl.o ../src/libsass/src/ast_fwd_decl.cpp
321166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/backtrace.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/backtrace.o ../src/libsass/src/backtrace.cpp
331166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/base64vlq.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/base64vlq.o ../src/libsass/src/base64vlq.cpp
34
35
36

There hadn't been any changes to the package.json in several months. Going by the error message, I've narrowed the problem down to something to do with note-sass so here's a minimal package.json to reproduce the error.

1pool:
2  name: 'Azure Pipelines'
3  vmImage: ubuntu-latest
4
5stages:
6  - stage: 
7    variables:
8      buildConfiguration: &quot;Release&quot;
9      buildPlatform: &quot;AnyCPU&quot;
10    jobs:
11    - job: 
12      steps:      
13      - task: Npm@1
14        displayName: 'npm install'
15        inputs:
16          workingDir: Azure/MySite/ClientApp
17
181156 verbose pkgid node-sass@4.14.1
191157 verbose cwd /home/vsts/work/1/s/Azure/MySite/ClientApp
201158 verbose Linux 5.11.0-1021-azure
211159 verbose argv &quot;/usr/local/bin/node&quot; &quot;/usr/local/bin/npm&quot; &quot;install&quot;
221160 verbose node v16.13.0
231161 verbose npm  v8.1.0
241162 error code 1
251163 error path /home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-sass
261164 error command failed
271165 error command sh -c node scripts/build.js
281166 error Building: /usr/local/bin/node /home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
291166 error make: Entering directory '/home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-sass/build'
301166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/ast.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/ast.o ../src/libsass/src/ast.cpp
311166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/ast_fwd_decl.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/ast_fwd_decl.o ../src/libsass/src/ast_fwd_decl.cpp
321166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/backtrace.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/backtrace.o ../src/libsass/src/backtrace.cpp
331166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/base64vlq.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/base64vlq.o ../src/libsass/src/base64vlq.cpp
34
35
36{
37  &quot;dependencies&quot;: {
38    &quot;node-sass&quot;: &quot;^4.14.1&quot;
39  }
40}
41
42

ANSWER

Answered 2021-Dec-02 at 13:14

I still don't know why this started failing all of a sudden but I have resolved the problem by updating node-sass to version 6.0.1.

1pool:
2  name: 'Azure Pipelines'
3  vmImage: ubuntu-latest
4
5stages:
6  - stage: 
7    variables:
8      buildConfiguration: &quot;Release&quot;
9      buildPlatform: &quot;AnyCPU&quot;
10    jobs:
11    - job: 
12      steps:      
13      - task: Npm@1
14        displayName: 'npm install'
15        inputs:
16          workingDir: Azure/MySite/ClientApp
17
181156 verbose pkgid node-sass@4.14.1
191157 verbose cwd /home/vsts/work/1/s/Azure/MySite/ClientApp
201158 verbose Linux 5.11.0-1021-azure
211159 verbose argv &quot;/usr/local/bin/node&quot; &quot;/usr/local/bin/npm&quot; &quot;install&quot;
221160 verbose node v16.13.0
231161 verbose npm  v8.1.0
241162 error code 1
251163 error path /home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-sass
261164 error command failed
271165 error command sh -c node scripts/build.js
281166 error Building: /usr/local/bin/node /home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
291166 error make: Entering directory '/home/vsts/work/1/s/Azure/MySite/ClientApp/node_modules/node-sass/build'
301166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/ast.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/ast.o ../src/libsass/src/ast.cpp
311166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/ast_fwd_decl.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/ast_fwd_decl.o ../src/libsass/src/ast_fwd_decl.cpp
321166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/backtrace.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/backtrace.o ../src/libsass/src/backtrace.cpp
331166 error   g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-D__STDC_FORMAT_MACROS' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION=&quot;3.5.5&quot;' -I/home/vsts/.node-gyp/16.13.0/include/node -I/home/vsts/.node-gyp/16.13.0/src -I/home/vsts/.node-gyp/16.13.0/deps/openssl/config -I/home/vsts/.node-gyp/16.13.0/deps/openssl/openssl/include -I/home/vsts/.node-gyp/16.13.0/deps/uv/include -I/home/vsts/.node-gyp/16.13.0/deps/zlib -I/home/vsts/.node-gyp/16.13.0/deps/v8/include -I../src/libsass/include  -fPIC -pthread -Wall -Wextra -Wno-unused-parameter -m64 -O3 -fno-omit-frame-pointer -std=gnu++14 -std=c++0x -fexceptions -frtti -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/base64vlq.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/base64vlq.o ../src/libsass/src/base64vlq.cpp
34
35
36{
37  &quot;dependencies&quot;: {
38    &quot;node-sass&quot;: &quot;^4.14.1&quot;
39  }
40}
41
42{
43  &quot;dependencies&quot;: {
44    &quot;node-sass&quot;: &quot;6.0.1&quot;
45  }
46}
47

Source https://stackoverflow.com/questions/70199030

QUESTION

Error NETSDK1045: The current .NET SDK does not support targeting .NET 6.0

Asked 2022-Feb-19 at 07:38

I spent 2 hours trying to figure out what's wrong with my pipeline for Azure Functions .NET6 (on Windows).

1Error NETSDK1045: The current .NET SDK does not support targeting .NET 6.0.  Either target .NET 5.0 or lower, or use a version of the .NET SDK that supports .NET 6.0.
2

ANSWER

Answered 2021-Oct-27 at 08:50

I found the solution here https://jaliyaudagedara.blogspot.com/2021/07/azure-devops-building-projects.html
It works if I specify the .NET Core SDK version & set preview version to true

1Error NETSDK1045: The current .NET SDK does not support targeting .NET 6.0.  Either target .NET 5.0 or lower, or use a version of the .NET SDK that supports .NET 6.0.
2- task: UseDotNet@2
3  displayName: 'Use .NET Core sdk'
4  inputs:
5    packageType: 'sdk'
6    version: '6.0.x'
7    includePreviewVersions: true
8

So my final pipelines looks something like this

1Error NETSDK1045: The current .NET SDK does not support targeting .NET 6.0.  Either target .NET 5.0 or lower, or use a version of the .NET SDK that supports .NET 6.0.
2- task: UseDotNet@2
3  displayName: 'Use .NET Core sdk'
4  inputs:
5    packageType: 'sdk'
6    version: '6.0.x'
7    includePreviewVersions: true
8# .NET Core Function App to Windows on Azure
9# Build a .NET Core function app and deploy it to Azure as a Windows function App.
10# Add steps that analyze code, save build artifacts, deploy, and more:
11# https://docs.microsoft.com/en-us/azure/devops/pipelines/languages/dotnet-core
12
13trigger:
14- master
15- main
16- dev
17
18variables:
19  azureSubscription: 'XXXX'
20  functionAppName: 'XXXX'
21  vmImageName: 'windows-latest'
22  workingDirectory: '$(System.DefaultWorkingDirectory)/XXXX'
23
24stages:
25- stage: Build
26  displayName: Build stage
27
28  jobs:
29  - job: Build
30    displayName: Build
31    pool:
32      vmImage: $(vmImageName)
33
34    steps:
35    - task: UseDotNet@2
36      displayName: 'Use .NET 6 Core sdk'
37      inputs:
38        packageType: 'sdk'
39        version: '6.0.x'
40        includePreviewVersions: true
41
42    - task: DotNetCoreCLI@2
43      displayName: Build
44      inputs:
45        command: 'build'
46        projects: |
47          $(workingDirectory)/*.csproj
48        arguments: --output $(System.DefaultWorkingDirectory)/publish_output --configuration Release
49
50    - task: ArchiveFiles@2
51      displayName: 'Archive files'
52      inputs:
53        rootFolderOrFile: '$(System.DefaultWorkingDirectory)/publish_output'
54        includeRootFolder: false
55        archiveType: zip
56        archiveFile: $(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip
57        replaceExistingArchive: true
58
59    - publish: $(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip
60      artifact: drop
61
62- stage: Deploy
63  displayName: Deploy stage
64  dependsOn: Build
65  condition: succeeded()
66
67  jobs:
68  - deployment: Deploy
69    displayName: Deploy
70    environment: 'development'
71    pool:
72      vmImage: $(vmImageName)
73
74    strategy:
75      runOnce:
76        deploy:
77
78          steps:
79          - task: AzureFunctionApp@1
80            displayName: 'Azure functions app deploy'
81            inputs:
82              azureSubscription: '$(azureSubscription)'
83              appType: functionApp
84              appName: $(functionAppName)
85              package: '$(Pipeline.Workspace)/drop/$(Build.BuildId).zip'
86

Source https://stackoverflow.com/questions/69730032

QUESTION

Save authenticated users to database coming from Azure AD

Asked 2022-Feb-10 at 15:47

I am working on a simple web app for learning purposes using Angular for the frontend and Java Spring for the backend. I don't have a particular problem that I want you guys to help me out with, instead I have a question about OAuth2 authentication.

I have registered my Angular SPA in Azure AD (Authorization Code Flow + PKCE), I set up roles and everything is working okay. My question is what do I do when authenticated users ping my backend? My backend has no information about the users.

I thought of a solution to make a web filter, and every time an authenticated user pings any endpoint requiring the user to be authenticated, to check the database if the user exists (through the username), and save him if he does not exist. I'm pretty sure this will work, but I don't think this is the best solution, considering my web filter will have to read from the databases for every single HTTP request that comes in, and write to the database occasionally (if the user logs in for the first time).

I shouldn't be worried about performance issues because I'm building this strictly for learning purposes, but nevertheless I want to do this the right way. I tried googling this in multiple ways, but I guess I'm not using the right keywords to find what I'm looking for. Any opinion or advice would be much appreciated! Thanks!

EDIT: I followed this article to achieve the OAuth2 + OIDC authentication and authorization, my security config in the backend is the same: https://ordina-jworks.github.io/security/2020/08/18/Securing-Applications-Azure-AD.html

ANSWER

Answered 2022-Feb-10 at 15:47

Post the discussion with clarity on the requirements. If you want to use have the following:

Accept an Azure AD logged in user to consumer your web service
You would want to check if the user exists in your application database with minimal network latency.

With the requirement of not always hitting your Database, one option is to use a cache.

The ideal solution for this cache to work is:

Ensure the cache is checked for every HTTP Request using Web Filter
Make sure the cache is always updated with the latest users being logged in via Azure AD

Example:

Implement a CacheService.java

1package com.example.springboot;
2
3import java.util.Collections;
4
5import org.apache.catalina.User;
6import org.springframework.cache.CacheManager;
7import org.springframework.cache.annotation.Cacheable;
8import org.springframework.cache.concurrent.ConcurrentMapCache;
9import org.springframework.cache.support.SimpleCacheManager;
10import org.springframework.context.annotation.Bean;
11import org.springframework.stereotype.Component;
12
13@Component
14public class CacheService {
15
16  @Bean
17  public CacheManager cacheManager() {
18    SimpleCacheManager cacheManager = new SimpleCacheManager();
19    cacheManager.setCaches(Collections.singletonList(new ConcurrentMapCache(&quot;users&quot;)));
20    return cacheManager;
21  }
22
23
24  @Cacheable(cacheNames = &quot;users&quot;)
25  public User getUser(String username) {
26    // Code below will not execute after the first calling for the given username. 
27    // So if one username is already cached, it would not invoke for the same user again from the DB.
28
29    // Get or Create a new user based on the Database call
30    return null;
31  }
32}
33

Then implement a web filter like:

1package com.example.springboot;
2
3import java.util.Collections;
4
5import org.apache.catalina.User;
6import org.springframework.cache.CacheManager;
7import org.springframework.cache.annotation.Cacheable;
8import org.springframework.cache.concurrent.ConcurrentMapCache;
9import org.springframework.cache.support.SimpleCacheManager;
10import org.springframework.context.annotation.Bean;
11import org.springframework.stereotype.Component;
12
13@Component
14public class CacheService {
15
16  @Bean
17  public CacheManager cacheManager() {
18    SimpleCacheManager cacheManager = new SimpleCacheManager();
19    cacheManager.setCaches(Collections.singletonList(new ConcurrentMapCache(&quot;users&quot;)));
20    return cacheManager;
21  }
22
23
24  @Cacheable(cacheNames = &quot;users&quot;)
25  public User getUser(String username) {
26    // Code below will not execute after the first calling for the given username. 
27    // So if one username is already cached, it would not invoke for the same user again from the DB.
28
29    // Get or Create a new user based on the Database call
30    return null;
31  }
32}
33package com.example.springboot;
34
35import java.io.IOException;
36
37import javax.servlet.FilterChain;
38import javax.servlet.ServletException;
39import javax.servlet.ServletRequest;
40import javax.servlet.ServletResponse;
41
42import org.springframework.beans.factory.annotation.Autowired;
43import org.springframework.stereotype.Component;
44import org.springframework.web.filter.GenericFilterBean;
45
46@Component
47public class CredentialsInjectionFilter extends GenericFilterBean {
48
49  @Autowired
50  private CacheService cacheService;
51
52  @Override
53  public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse,
54      FilterChain filterChain) throws IOException, ServletException {
55
56    cacheService.getUser(&quot;my_username&quot;);
57
58    filterChain.doFilter(servletRequest, servletResponse);
59  }
60}
61

More on Caching with Springboot: https://www.javadevjournal.com/spring/spring-caching/

Source https://stackoverflow.com/questions/70957923

QUESTION

how to repeat the height for grid-auto-rows

Asked 2022-Feb-08 at 22:51

I am trying to show only the first two rows of a CSS GRID.
The width of the container is unknown therefore it should be responsive.
Also the content of each box is unknown.

My current hacky solution is to define the following two rules:

use an automatic height for the first two rows
set the height of the next 277 rows to 0 height

grid-auto-rows: auto auto 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0;

I tried repeat() like this: grid-auto-rows: auto auto repeat(277, 0px) but unfortunately it didn't set the height to 0.

Is there any clean way to repeat height 0?

1ul {
2  display: grid;
3  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
4  grid-auto-rows: auto auto 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0;
5  overflow: hidden;
6  padding: 0;
7}
8
9li {
10  list-style: none;
11  padding: 10px;
12  border: 1px solid orange;
13  overflow: hidden;
14  margin: 0 5px 5px 0;
15}

1ul {
2  display: grid;
3  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
4  grid-auto-rows: auto auto 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0;
5  overflow: hidden;
6  padding: 0;
7}
8
9li {
10  list-style: none;
11  padding: 10px;
12  border: 1px solid orange;
13  overflow: hidden;
14  margin: 0 5px 5px 0;
15}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
16&lt;ul&gt;
17  &lt;li&gt;Android green&lt;/li&gt;
18  &lt;li&gt;Antique brass&lt;/li&gt;
19  &lt;li&gt;Antique bronze&lt;/li&gt;
20  &lt;li&gt;Antique fuchsia&lt;/li&gt;
21  &lt;li&gt;Antique ruby&lt;/li&gt;
22  &lt;li&gt;Antique white&lt;/li&gt;
23  &lt;li&gt;Ao (English)&lt;/li&gt;
24  &lt;li&gt;Apple green&lt;/li&gt;
25  &lt;li&gt;Apricot&lt;/li&gt;
26  &lt;li&gt;Aqua&lt;/li&gt;
27  &lt;li&gt;Aquamarine&lt;/li&gt;
28  &lt;li&gt;Arctic lime&lt;/li&gt;
29  &lt;li&gt;Army green&lt;/li&gt;
30  &lt;li&gt;Artichoke&lt;/li&gt;
31  &lt;li&gt;Arylide yellow&lt;/li&gt;
32  &lt;li&gt;Ash gray&lt;/li&gt;
33  &lt;li&gt;Asparagus&lt;/li&gt;
34  &lt;li&gt;Astronaut&lt;/li&gt;
35  &lt;li&gt;Atomic tangerine&lt;/li&gt;
36  &lt;li&gt;Auburn&lt;/li&gt;
37  &lt;li&gt;Aureolin&lt;/li&gt;
38  &lt;li&gt;Avocado&lt;/li&gt;
39  &lt;li&gt;Azure&lt;/li&gt;
40  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
41  &lt;li&gt;Baby blue&lt;/li&gt;
42  &lt;li&gt;Baby blue eyes&lt;/li&gt;
43  &lt;li&gt;Baby pink&lt;/li&gt;
44  &lt;li&gt;Baby powder&lt;/li&gt;
45  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
46  &lt;li&gt;Banana Mania&lt;/li&gt;
47  &lt;li&gt;Barbie Pink&lt;/li&gt;
48  &lt;li&gt;Barn red&lt;/li&gt;
49  &lt;li&gt;Battleship grey&lt;/li&gt;
50  &lt;li&gt;Beau blue&lt;/li&gt;
51  &lt;li&gt;Beaver&lt;/li&gt;
52  &lt;li&gt;Beige&lt;/li&gt;
53  &lt;li&gt;B'dazzled blue&lt;/li&gt;
54  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
55  &lt;li&gt;Bisque&lt;/li&gt;
56  &lt;li&gt;Bistre&lt;/li&gt;
57  &lt;li&gt;Bistre brown&lt;/li&gt;
58  &lt;li&gt;Bitter lemon&lt;/li&gt;
59  &lt;li&gt;Bitter lime&lt;/li&gt;
60  &lt;li&gt;Bittersweet&lt;/li&gt;
61  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
62  &lt;li&gt;Black&lt;/li&gt;
63  &lt;li&gt;Black bean&lt;/li&gt;
64  &lt;li&gt;Black chocolate&lt;/li&gt;
65  &lt;li&gt;Black coffee&lt;/li&gt;
66  &lt;li&gt;Black coral&lt;/li&gt;
67  &lt;li&gt;Black olive&lt;/li&gt;
68  &lt;li&gt;Black Shadows&lt;/li&gt;
69  &lt;li&gt;Blanched almond&lt;/li&gt;
70  &lt;li&gt;Blast-off bronze&lt;/li&gt;
71  &lt;li&gt;Bleu de France&lt;/li&gt;
72  &lt;li&gt;Blizzard blue&lt;/li&gt;
73  &lt;li&gt;Blond&lt;/li&gt;
74  &lt;li&gt;Blood red&lt;/li&gt;
75  &lt;li&gt;Blue&lt;/li&gt;
76  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
77  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
78  &lt;li&gt;Blue (NCS)&lt;/li&gt;
79  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
80  &lt;li&gt;Blue (pigment)&lt;/li&gt;
81  &lt;li&gt;Blue (RYB)&lt;/li&gt;
82  &lt;li&gt;Blue bell&lt;/li&gt;
83  &lt;li&gt;Blue-gray&lt;/li&gt;
84  &lt;li&gt;Blue-green&lt;/li&gt;
85  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
86  &lt;li&gt;Blue jeans&lt;/li&gt;
87  &lt;li&gt;Blue sapphire&lt;/li&gt;
88  &lt;li&gt;Blue-violet&lt;/li&gt;
89  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
90  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
91  &lt;li&gt;Blue yonder&lt;/li&gt;
92  &lt;li&gt;Bluetiful&lt;/li&gt;
93  &lt;li&gt;Blush&lt;/li&gt;
94  &lt;li&gt;Bole&lt;/li&gt;
95  &lt;li&gt;Bone&lt;/li&gt;
96  &lt;li&gt;Bottle green&lt;/li&gt;
97  &lt;li&gt;Brandy&lt;/li&gt;
98  &lt;li&gt;Brick red&lt;/li&gt;
99  &lt;li&gt;Bright green&lt;/li&gt;
100  &lt;li&gt;Bright lilac&lt;/li&gt;
101  &lt;li&gt;Bright maroon&lt;/li&gt;
102  &lt;li&gt;Bright navy blue&lt;/li&gt;
103  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
104  &lt;li&gt;Brilliant rose&lt;/li&gt;
105&lt;/ul&gt;

ANSWER

Answered 2022-Feb-07 at 21:16

Define a template for the two rows and then use grid-auto-rows with 0

1ul {
2  display: grid;
3  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
4  grid-auto-rows: auto auto 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0;
5  overflow: hidden;
6  padding: 0;
7}
8
9li {
10  list-style: none;
11  padding: 10px;
12  border: 1px solid orange;
13  overflow: hidden;
14  margin: 0 5px 5px 0;
15}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
16&lt;ul&gt;
17  &lt;li&gt;Android green&lt;/li&gt;
18  &lt;li&gt;Antique brass&lt;/li&gt;
19  &lt;li&gt;Antique bronze&lt;/li&gt;
20  &lt;li&gt;Antique fuchsia&lt;/li&gt;
21  &lt;li&gt;Antique ruby&lt;/li&gt;
22  &lt;li&gt;Antique white&lt;/li&gt;
23  &lt;li&gt;Ao (English)&lt;/li&gt;
24  &lt;li&gt;Apple green&lt;/li&gt;
25  &lt;li&gt;Apricot&lt;/li&gt;
26  &lt;li&gt;Aqua&lt;/li&gt;
27  &lt;li&gt;Aquamarine&lt;/li&gt;
28  &lt;li&gt;Arctic lime&lt;/li&gt;
29  &lt;li&gt;Army green&lt;/li&gt;
30  &lt;li&gt;Artichoke&lt;/li&gt;
31  &lt;li&gt;Arylide yellow&lt;/li&gt;
32  &lt;li&gt;Ash gray&lt;/li&gt;
33  &lt;li&gt;Asparagus&lt;/li&gt;
34  &lt;li&gt;Astronaut&lt;/li&gt;
35  &lt;li&gt;Atomic tangerine&lt;/li&gt;
36  &lt;li&gt;Auburn&lt;/li&gt;
37  &lt;li&gt;Aureolin&lt;/li&gt;
38  &lt;li&gt;Avocado&lt;/li&gt;
39  &lt;li&gt;Azure&lt;/li&gt;
40  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
41  &lt;li&gt;Baby blue&lt;/li&gt;
42  &lt;li&gt;Baby blue eyes&lt;/li&gt;
43  &lt;li&gt;Baby pink&lt;/li&gt;
44  &lt;li&gt;Baby powder&lt;/li&gt;
45  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
46  &lt;li&gt;Banana Mania&lt;/li&gt;
47  &lt;li&gt;Barbie Pink&lt;/li&gt;
48  &lt;li&gt;Barn red&lt;/li&gt;
49  &lt;li&gt;Battleship grey&lt;/li&gt;
50  &lt;li&gt;Beau blue&lt;/li&gt;
51  &lt;li&gt;Beaver&lt;/li&gt;
52  &lt;li&gt;Beige&lt;/li&gt;
53  &lt;li&gt;B'dazzled blue&lt;/li&gt;
54  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
55  &lt;li&gt;Bisque&lt;/li&gt;
56  &lt;li&gt;Bistre&lt;/li&gt;
57  &lt;li&gt;Bistre brown&lt;/li&gt;
58  &lt;li&gt;Bitter lemon&lt;/li&gt;
59  &lt;li&gt;Bitter lime&lt;/li&gt;
60  &lt;li&gt;Bittersweet&lt;/li&gt;
61  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
62  &lt;li&gt;Black&lt;/li&gt;
63  &lt;li&gt;Black bean&lt;/li&gt;
64  &lt;li&gt;Black chocolate&lt;/li&gt;
65  &lt;li&gt;Black coffee&lt;/li&gt;
66  &lt;li&gt;Black coral&lt;/li&gt;
67  &lt;li&gt;Black olive&lt;/li&gt;
68  &lt;li&gt;Black Shadows&lt;/li&gt;
69  &lt;li&gt;Blanched almond&lt;/li&gt;
70  &lt;li&gt;Blast-off bronze&lt;/li&gt;
71  &lt;li&gt;Bleu de France&lt;/li&gt;
72  &lt;li&gt;Blizzard blue&lt;/li&gt;
73  &lt;li&gt;Blond&lt;/li&gt;
74  &lt;li&gt;Blood red&lt;/li&gt;
75  &lt;li&gt;Blue&lt;/li&gt;
76  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
77  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
78  &lt;li&gt;Blue (NCS)&lt;/li&gt;
79  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
80  &lt;li&gt;Blue (pigment)&lt;/li&gt;
81  &lt;li&gt;Blue (RYB)&lt;/li&gt;
82  &lt;li&gt;Blue bell&lt;/li&gt;
83  &lt;li&gt;Blue-gray&lt;/li&gt;
84  &lt;li&gt;Blue-green&lt;/li&gt;
85  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
86  &lt;li&gt;Blue jeans&lt;/li&gt;
87  &lt;li&gt;Blue sapphire&lt;/li&gt;
88  &lt;li&gt;Blue-violet&lt;/li&gt;
89  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
90  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
91  &lt;li&gt;Blue yonder&lt;/li&gt;
92  &lt;li&gt;Bluetiful&lt;/li&gt;
93  &lt;li&gt;Blush&lt;/li&gt;
94  &lt;li&gt;Bole&lt;/li&gt;
95  &lt;li&gt;Bone&lt;/li&gt;
96  &lt;li&gt;Bottle green&lt;/li&gt;
97  &lt;li&gt;Brandy&lt;/li&gt;
98  &lt;li&gt;Brick red&lt;/li&gt;
99  &lt;li&gt;Bright green&lt;/li&gt;
100  &lt;li&gt;Bright lilac&lt;/li&gt;
101  &lt;li&gt;Bright maroon&lt;/li&gt;
102  &lt;li&gt;Bright navy blue&lt;/li&gt;
103  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
104  &lt;li&gt;Brilliant rose&lt;/li&gt;
105&lt;/ul&gt;ul {
106  display: grid;
107  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
108  grid-template-rows: auto auto;
109  grid-auto-rows: 0;
110  overflow: hidden;
111  padding: 0;
112}
113
114li {
115  list-style: none;
116  padding: 10px;
117  border: 1px solid orange;
118  overflow: hidden;
119  margin: 0 5px 5px 0;
120}

1ul {
2  display: grid;
3  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
4  grid-auto-rows: auto auto 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0;
5  overflow: hidden;
6  padding: 0;
7}
8
9li {
10  list-style: none;
11  padding: 10px;
12  border: 1px solid orange;
13  overflow: hidden;
14  margin: 0 5px 5px 0;
15}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
16&lt;ul&gt;
17  &lt;li&gt;Android green&lt;/li&gt;
18  &lt;li&gt;Antique brass&lt;/li&gt;
19  &lt;li&gt;Antique bronze&lt;/li&gt;
20  &lt;li&gt;Antique fuchsia&lt;/li&gt;
21  &lt;li&gt;Antique ruby&lt;/li&gt;
22  &lt;li&gt;Antique white&lt;/li&gt;
23  &lt;li&gt;Ao (English)&lt;/li&gt;
24  &lt;li&gt;Apple green&lt;/li&gt;
25  &lt;li&gt;Apricot&lt;/li&gt;
26  &lt;li&gt;Aqua&lt;/li&gt;
27  &lt;li&gt;Aquamarine&lt;/li&gt;
28  &lt;li&gt;Arctic lime&lt;/li&gt;
29  &lt;li&gt;Army green&lt;/li&gt;
30  &lt;li&gt;Artichoke&lt;/li&gt;
31  &lt;li&gt;Arylide yellow&lt;/li&gt;
32  &lt;li&gt;Ash gray&lt;/li&gt;
33  &lt;li&gt;Asparagus&lt;/li&gt;
34  &lt;li&gt;Astronaut&lt;/li&gt;
35  &lt;li&gt;Atomic tangerine&lt;/li&gt;
36  &lt;li&gt;Auburn&lt;/li&gt;
37  &lt;li&gt;Aureolin&lt;/li&gt;
38  &lt;li&gt;Avocado&lt;/li&gt;
39  &lt;li&gt;Azure&lt;/li&gt;
40  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
41  &lt;li&gt;Baby blue&lt;/li&gt;
42  &lt;li&gt;Baby blue eyes&lt;/li&gt;
43  &lt;li&gt;Baby pink&lt;/li&gt;
44  &lt;li&gt;Baby powder&lt;/li&gt;
45  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
46  &lt;li&gt;Banana Mania&lt;/li&gt;
47  &lt;li&gt;Barbie Pink&lt;/li&gt;
48  &lt;li&gt;Barn red&lt;/li&gt;
49  &lt;li&gt;Battleship grey&lt;/li&gt;
50  &lt;li&gt;Beau blue&lt;/li&gt;
51  &lt;li&gt;Beaver&lt;/li&gt;
52  &lt;li&gt;Beige&lt;/li&gt;
53  &lt;li&gt;B'dazzled blue&lt;/li&gt;
54  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
55  &lt;li&gt;Bisque&lt;/li&gt;
56  &lt;li&gt;Bistre&lt;/li&gt;
57  &lt;li&gt;Bistre brown&lt;/li&gt;
58  &lt;li&gt;Bitter lemon&lt;/li&gt;
59  &lt;li&gt;Bitter lime&lt;/li&gt;
60  &lt;li&gt;Bittersweet&lt;/li&gt;
61  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
62  &lt;li&gt;Black&lt;/li&gt;
63  &lt;li&gt;Black bean&lt;/li&gt;
64  &lt;li&gt;Black chocolate&lt;/li&gt;
65  &lt;li&gt;Black coffee&lt;/li&gt;
66  &lt;li&gt;Black coral&lt;/li&gt;
67  &lt;li&gt;Black olive&lt;/li&gt;
68  &lt;li&gt;Black Shadows&lt;/li&gt;
69  &lt;li&gt;Blanched almond&lt;/li&gt;
70  &lt;li&gt;Blast-off bronze&lt;/li&gt;
71  &lt;li&gt;Bleu de France&lt;/li&gt;
72  &lt;li&gt;Blizzard blue&lt;/li&gt;
73  &lt;li&gt;Blond&lt;/li&gt;
74  &lt;li&gt;Blood red&lt;/li&gt;
75  &lt;li&gt;Blue&lt;/li&gt;
76  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
77  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
78  &lt;li&gt;Blue (NCS)&lt;/li&gt;
79  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
80  &lt;li&gt;Blue (pigment)&lt;/li&gt;
81  &lt;li&gt;Blue (RYB)&lt;/li&gt;
82  &lt;li&gt;Blue bell&lt;/li&gt;
83  &lt;li&gt;Blue-gray&lt;/li&gt;
84  &lt;li&gt;Blue-green&lt;/li&gt;
85  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
86  &lt;li&gt;Blue jeans&lt;/li&gt;
87  &lt;li&gt;Blue sapphire&lt;/li&gt;
88  &lt;li&gt;Blue-violet&lt;/li&gt;
89  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
90  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
91  &lt;li&gt;Blue yonder&lt;/li&gt;
92  &lt;li&gt;Bluetiful&lt;/li&gt;
93  &lt;li&gt;Blush&lt;/li&gt;
94  &lt;li&gt;Bole&lt;/li&gt;
95  &lt;li&gt;Bone&lt;/li&gt;
96  &lt;li&gt;Bottle green&lt;/li&gt;
97  &lt;li&gt;Brandy&lt;/li&gt;
98  &lt;li&gt;Brick red&lt;/li&gt;
99  &lt;li&gt;Bright green&lt;/li&gt;
100  &lt;li&gt;Bright lilac&lt;/li&gt;
101  &lt;li&gt;Bright maroon&lt;/li&gt;
102  &lt;li&gt;Bright navy blue&lt;/li&gt;
103  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
104  &lt;li&gt;Brilliant rose&lt;/li&gt;
105&lt;/ul&gt;ul {
106  display: grid;
107  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
108  grid-template-rows: auto auto;
109  grid-auto-rows: 0;
110  overflow: hidden;
111  padding: 0;
112}
113
114li {
115  list-style: none;
116  padding: 10px;
117  border: 1px solid orange;
118  overflow: hidden;
119  margin: 0 5px 5px 0;
120}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
121&lt;ul&gt;
122  &lt;li&gt;Android green&lt;/li&gt;
123  &lt;li&gt;Antique brass&lt;/li&gt;
124  &lt;li&gt;Antique bronze&lt;/li&gt;
125  &lt;li&gt;Antique fuchsia&lt;/li&gt;
126  &lt;li&gt;Antique ruby&lt;/li&gt;
127  &lt;li&gt;Antique white&lt;/li&gt;
128  &lt;li&gt;Ao (English)&lt;/li&gt;
129  &lt;li&gt;Apple green&lt;/li&gt;
130  &lt;li&gt;Apricot&lt;/li&gt;
131  &lt;li&gt;Aqua&lt;/li&gt;
132  &lt;li&gt;Aquamarine&lt;/li&gt;
133  &lt;li&gt;Arctic lime&lt;/li&gt;
134  &lt;li&gt;Army green&lt;/li&gt;
135  &lt;li&gt;Artichoke&lt;/li&gt;
136  &lt;li&gt;Arylide yellow&lt;/li&gt;
137  &lt;li&gt;Ash gray&lt;/li&gt;
138  &lt;li&gt;Asparagus&lt;/li&gt;
139  &lt;li&gt;Astronaut&lt;/li&gt;
140  &lt;li&gt;Atomic tangerine&lt;/li&gt;
141  &lt;li&gt;Auburn&lt;/li&gt;
142  &lt;li&gt;Aureolin&lt;/li&gt;
143  &lt;li&gt;Avocado&lt;/li&gt;
144  &lt;li&gt;Azure&lt;/li&gt;
145  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
146  &lt;li&gt;Baby blue&lt;/li&gt;
147  &lt;li&gt;Baby blue eyes&lt;/li&gt;
148  &lt;li&gt;Baby pink&lt;/li&gt;
149  &lt;li&gt;Baby powder&lt;/li&gt;
150  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
151  &lt;li&gt;Banana Mania&lt;/li&gt;
152  &lt;li&gt;Barbie Pink&lt;/li&gt;
153  &lt;li&gt;Barn red&lt;/li&gt;
154  &lt;li&gt;Battleship grey&lt;/li&gt;
155  &lt;li&gt;Beau blue&lt;/li&gt;
156  &lt;li&gt;Beaver&lt;/li&gt;
157  &lt;li&gt;Beige&lt;/li&gt;
158  &lt;li&gt;B'dazzled blue&lt;/li&gt;
159  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
160  &lt;li&gt;Bisque&lt;/li&gt;
161  &lt;li&gt;Bistre&lt;/li&gt;
162  &lt;li&gt;Bistre brown&lt;/li&gt;
163  &lt;li&gt;Bitter lemon&lt;/li&gt;
164  &lt;li&gt;Bitter lime&lt;/li&gt;
165  &lt;li&gt;Bittersweet&lt;/li&gt;
166  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
167  &lt;li&gt;Black&lt;/li&gt;
168  &lt;li&gt;Black bean&lt;/li&gt;
169  &lt;li&gt;Black chocolate&lt;/li&gt;
170  &lt;li&gt;Black coffee&lt;/li&gt;
171  &lt;li&gt;Black coral&lt;/li&gt;
172  &lt;li&gt;Black olive&lt;/li&gt;
173  &lt;li&gt;Black Shadows&lt;/li&gt;
174  &lt;li&gt;Blanched almond&lt;/li&gt;
175  &lt;li&gt;Blast-off bronze&lt;/li&gt;
176  &lt;li&gt;Bleu de France&lt;/li&gt;
177  &lt;li&gt;Blizzard blue&lt;/li&gt;
178  &lt;li&gt;Blond&lt;/li&gt;
179  &lt;li&gt;Blood red&lt;/li&gt;
180  &lt;li&gt;Blue&lt;/li&gt;
181  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
182  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
183  &lt;li&gt;Blue (NCS)&lt;/li&gt;
184  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
185  &lt;li&gt;Blue (pigment)&lt;/li&gt;
186  &lt;li&gt;Blue (RYB)&lt;/li&gt;
187  &lt;li&gt;Blue bell&lt;/li&gt;
188  &lt;li&gt;Blue-gray&lt;/li&gt;
189  &lt;li&gt;Blue-green&lt;/li&gt;
190  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
191  &lt;li&gt;Blue jeans&lt;/li&gt;
192  &lt;li&gt;Blue sapphire&lt;/li&gt;
193  &lt;li&gt;Blue-violet&lt;/li&gt;
194  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
195  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
196  &lt;li&gt;Blue yonder&lt;/li&gt;
197  &lt;li&gt;Bluetiful&lt;/li&gt;
198  &lt;li&gt;Blush&lt;/li&gt;
199  &lt;li&gt;Bole&lt;/li&gt;
200  &lt;li&gt;Bone&lt;/li&gt;
201  &lt;li&gt;Bottle green&lt;/li&gt;
202  &lt;li&gt;Brandy&lt;/li&gt;
203  &lt;li&gt;Brick red&lt;/li&gt;
204  &lt;li&gt;Bright green&lt;/li&gt;
205  &lt;li&gt;Bright lilac&lt;/li&gt;
206  &lt;li&gt;Bright maroon&lt;/li&gt;
207  &lt;li&gt;Bright navy blue&lt;/li&gt;
208  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
209  &lt;li&gt;Brilliant rose&lt;/li&gt;
210&lt;/ul&gt;

From the specification:

The grid-auto-columns and grid-auto-rows properties specify the size of tracks not assigned a size by grid-template-rows or grid-template-columns. If multiple track sizes are given, the pattern is repeated as necessary to find the size of the affected tracks.

For the repeat() idea it can only be used with grid-template-rows not grid-auto-rows but you don't have to because the grid-auto-rows was designed for this purpose "define the height of the remaining rows"

1ul {
2  display: grid;
3  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
4  grid-auto-rows: auto auto 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0;
5  overflow: hidden;
6  padding: 0;
7}
8
9li {
10  list-style: none;
11  padding: 10px;
12  border: 1px solid orange;
13  overflow: hidden;
14  margin: 0 5px 5px 0;
15}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
16&lt;ul&gt;
17  &lt;li&gt;Android green&lt;/li&gt;
18  &lt;li&gt;Antique brass&lt;/li&gt;
19  &lt;li&gt;Antique bronze&lt;/li&gt;
20  &lt;li&gt;Antique fuchsia&lt;/li&gt;
21  &lt;li&gt;Antique ruby&lt;/li&gt;
22  &lt;li&gt;Antique white&lt;/li&gt;
23  &lt;li&gt;Ao (English)&lt;/li&gt;
24  &lt;li&gt;Apple green&lt;/li&gt;
25  &lt;li&gt;Apricot&lt;/li&gt;
26  &lt;li&gt;Aqua&lt;/li&gt;
27  &lt;li&gt;Aquamarine&lt;/li&gt;
28  &lt;li&gt;Arctic lime&lt;/li&gt;
29  &lt;li&gt;Army green&lt;/li&gt;
30  &lt;li&gt;Artichoke&lt;/li&gt;
31  &lt;li&gt;Arylide yellow&lt;/li&gt;
32  &lt;li&gt;Ash gray&lt;/li&gt;
33  &lt;li&gt;Asparagus&lt;/li&gt;
34  &lt;li&gt;Astronaut&lt;/li&gt;
35  &lt;li&gt;Atomic tangerine&lt;/li&gt;
36  &lt;li&gt;Auburn&lt;/li&gt;
37  &lt;li&gt;Aureolin&lt;/li&gt;
38  &lt;li&gt;Avocado&lt;/li&gt;
39  &lt;li&gt;Azure&lt;/li&gt;
40  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
41  &lt;li&gt;Baby blue&lt;/li&gt;
42  &lt;li&gt;Baby blue eyes&lt;/li&gt;
43  &lt;li&gt;Baby pink&lt;/li&gt;
44  &lt;li&gt;Baby powder&lt;/li&gt;
45  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
46  &lt;li&gt;Banana Mania&lt;/li&gt;
47  &lt;li&gt;Barbie Pink&lt;/li&gt;
48  &lt;li&gt;Barn red&lt;/li&gt;
49  &lt;li&gt;Battleship grey&lt;/li&gt;
50  &lt;li&gt;Beau blue&lt;/li&gt;
51  &lt;li&gt;Beaver&lt;/li&gt;
52  &lt;li&gt;Beige&lt;/li&gt;
53  &lt;li&gt;B'dazzled blue&lt;/li&gt;
54  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
55  &lt;li&gt;Bisque&lt;/li&gt;
56  &lt;li&gt;Bistre&lt;/li&gt;
57  &lt;li&gt;Bistre brown&lt;/li&gt;
58  &lt;li&gt;Bitter lemon&lt;/li&gt;
59  &lt;li&gt;Bitter lime&lt;/li&gt;
60  &lt;li&gt;Bittersweet&lt;/li&gt;
61  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
62  &lt;li&gt;Black&lt;/li&gt;
63  &lt;li&gt;Black bean&lt;/li&gt;
64  &lt;li&gt;Black chocolate&lt;/li&gt;
65  &lt;li&gt;Black coffee&lt;/li&gt;
66  &lt;li&gt;Black coral&lt;/li&gt;
67  &lt;li&gt;Black olive&lt;/li&gt;
68  &lt;li&gt;Black Shadows&lt;/li&gt;
69  &lt;li&gt;Blanched almond&lt;/li&gt;
70  &lt;li&gt;Blast-off bronze&lt;/li&gt;
71  &lt;li&gt;Bleu de France&lt;/li&gt;
72  &lt;li&gt;Blizzard blue&lt;/li&gt;
73  &lt;li&gt;Blond&lt;/li&gt;
74  &lt;li&gt;Blood red&lt;/li&gt;
75  &lt;li&gt;Blue&lt;/li&gt;
76  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
77  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
78  &lt;li&gt;Blue (NCS)&lt;/li&gt;
79  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
80  &lt;li&gt;Blue (pigment)&lt;/li&gt;
81  &lt;li&gt;Blue (RYB)&lt;/li&gt;
82  &lt;li&gt;Blue bell&lt;/li&gt;
83  &lt;li&gt;Blue-gray&lt;/li&gt;
84  &lt;li&gt;Blue-green&lt;/li&gt;
85  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
86  &lt;li&gt;Blue jeans&lt;/li&gt;
87  &lt;li&gt;Blue sapphire&lt;/li&gt;
88  &lt;li&gt;Blue-violet&lt;/li&gt;
89  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
90  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
91  &lt;li&gt;Blue yonder&lt;/li&gt;
92  &lt;li&gt;Bluetiful&lt;/li&gt;
93  &lt;li&gt;Blush&lt;/li&gt;
94  &lt;li&gt;Bole&lt;/li&gt;
95  &lt;li&gt;Bone&lt;/li&gt;
96  &lt;li&gt;Bottle green&lt;/li&gt;
97  &lt;li&gt;Brandy&lt;/li&gt;
98  &lt;li&gt;Brick red&lt;/li&gt;
99  &lt;li&gt;Bright green&lt;/li&gt;
100  &lt;li&gt;Bright lilac&lt;/li&gt;
101  &lt;li&gt;Bright maroon&lt;/li&gt;
102  &lt;li&gt;Bright navy blue&lt;/li&gt;
103  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
104  &lt;li&gt;Brilliant rose&lt;/li&gt;
105&lt;/ul&gt;ul {
106  display: grid;
107  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
108  grid-template-rows: auto auto;
109  grid-auto-rows: 0;
110  overflow: hidden;
111  padding: 0;
112}
113
114li {
115  list-style: none;
116  padding: 10px;
117  border: 1px solid orange;
118  overflow: hidden;
119  margin: 0 5px 5px 0;
120}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
121&lt;ul&gt;
122  &lt;li&gt;Android green&lt;/li&gt;
123  &lt;li&gt;Antique brass&lt;/li&gt;
124  &lt;li&gt;Antique bronze&lt;/li&gt;
125  &lt;li&gt;Antique fuchsia&lt;/li&gt;
126  &lt;li&gt;Antique ruby&lt;/li&gt;
127  &lt;li&gt;Antique white&lt;/li&gt;
128  &lt;li&gt;Ao (English)&lt;/li&gt;
129  &lt;li&gt;Apple green&lt;/li&gt;
130  &lt;li&gt;Apricot&lt;/li&gt;
131  &lt;li&gt;Aqua&lt;/li&gt;
132  &lt;li&gt;Aquamarine&lt;/li&gt;
133  &lt;li&gt;Arctic lime&lt;/li&gt;
134  &lt;li&gt;Army green&lt;/li&gt;
135  &lt;li&gt;Artichoke&lt;/li&gt;
136  &lt;li&gt;Arylide yellow&lt;/li&gt;
137  &lt;li&gt;Ash gray&lt;/li&gt;
138  &lt;li&gt;Asparagus&lt;/li&gt;
139  &lt;li&gt;Astronaut&lt;/li&gt;
140  &lt;li&gt;Atomic tangerine&lt;/li&gt;
141  &lt;li&gt;Auburn&lt;/li&gt;
142  &lt;li&gt;Aureolin&lt;/li&gt;
143  &lt;li&gt;Avocado&lt;/li&gt;
144  &lt;li&gt;Azure&lt;/li&gt;
145  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
146  &lt;li&gt;Baby blue&lt;/li&gt;
147  &lt;li&gt;Baby blue eyes&lt;/li&gt;
148  &lt;li&gt;Baby pink&lt;/li&gt;
149  &lt;li&gt;Baby powder&lt;/li&gt;
150  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
151  &lt;li&gt;Banana Mania&lt;/li&gt;
152  &lt;li&gt;Barbie Pink&lt;/li&gt;
153  &lt;li&gt;Barn red&lt;/li&gt;
154  &lt;li&gt;Battleship grey&lt;/li&gt;
155  &lt;li&gt;Beau blue&lt;/li&gt;
156  &lt;li&gt;Beaver&lt;/li&gt;
157  &lt;li&gt;Beige&lt;/li&gt;
158  &lt;li&gt;B'dazzled blue&lt;/li&gt;
159  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
160  &lt;li&gt;Bisque&lt;/li&gt;
161  &lt;li&gt;Bistre&lt;/li&gt;
162  &lt;li&gt;Bistre brown&lt;/li&gt;
163  &lt;li&gt;Bitter lemon&lt;/li&gt;
164  &lt;li&gt;Bitter lime&lt;/li&gt;
165  &lt;li&gt;Bittersweet&lt;/li&gt;
166  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
167  &lt;li&gt;Black&lt;/li&gt;
168  &lt;li&gt;Black bean&lt;/li&gt;
169  &lt;li&gt;Black chocolate&lt;/li&gt;
170  &lt;li&gt;Black coffee&lt;/li&gt;
171  &lt;li&gt;Black coral&lt;/li&gt;
172  &lt;li&gt;Black olive&lt;/li&gt;
173  &lt;li&gt;Black Shadows&lt;/li&gt;
174  &lt;li&gt;Blanched almond&lt;/li&gt;
175  &lt;li&gt;Blast-off bronze&lt;/li&gt;
176  &lt;li&gt;Bleu de France&lt;/li&gt;
177  &lt;li&gt;Blizzard blue&lt;/li&gt;
178  &lt;li&gt;Blond&lt;/li&gt;
179  &lt;li&gt;Blood red&lt;/li&gt;
180  &lt;li&gt;Blue&lt;/li&gt;
181  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
182  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
183  &lt;li&gt;Blue (NCS)&lt;/li&gt;
184  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
185  &lt;li&gt;Blue (pigment)&lt;/li&gt;
186  &lt;li&gt;Blue (RYB)&lt;/li&gt;
187  &lt;li&gt;Blue bell&lt;/li&gt;
188  &lt;li&gt;Blue-gray&lt;/li&gt;
189  &lt;li&gt;Blue-green&lt;/li&gt;
190  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
191  &lt;li&gt;Blue jeans&lt;/li&gt;
192  &lt;li&gt;Blue sapphire&lt;/li&gt;
193  &lt;li&gt;Blue-violet&lt;/li&gt;
194  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
195  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
196  &lt;li&gt;Blue yonder&lt;/li&gt;
197  &lt;li&gt;Bluetiful&lt;/li&gt;
198  &lt;li&gt;Blush&lt;/li&gt;
199  &lt;li&gt;Bole&lt;/li&gt;
200  &lt;li&gt;Bone&lt;/li&gt;
201  &lt;li&gt;Bottle green&lt;/li&gt;
202  &lt;li&gt;Brandy&lt;/li&gt;
203  &lt;li&gt;Brick red&lt;/li&gt;
204  &lt;li&gt;Bright green&lt;/li&gt;
205  &lt;li&gt;Bright lilac&lt;/li&gt;
206  &lt;li&gt;Bright maroon&lt;/li&gt;
207  &lt;li&gt;Bright navy blue&lt;/li&gt;
208  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
209  &lt;li&gt;Brilliant rose&lt;/li&gt;
210&lt;/ul&gt;ul {
211  display: grid;
212  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
213  grid-template-rows: auto auto repeat(300,0);
214  overflow: hidden;
215  padding: 0;
216}
217
218li {
219  list-style: none;
220  padding: 10px;
221  border: 1px solid orange;
222  overflow: hidden;
223  margin: 0 5px 5px 0;
224}

1ul {
2  display: grid;
3  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
4  grid-auto-rows: auto auto 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0;
5  overflow: hidden;
6  padding: 0;
7}
8
9li {
10  list-style: none;
11  padding: 10px;
12  border: 1px solid orange;
13  overflow: hidden;
14  margin: 0 5px 5px 0;
15}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
16&lt;ul&gt;
17  &lt;li&gt;Android green&lt;/li&gt;
18  &lt;li&gt;Antique brass&lt;/li&gt;
19  &lt;li&gt;Antique bronze&lt;/li&gt;
20  &lt;li&gt;Antique fuchsia&lt;/li&gt;
21  &lt;li&gt;Antique ruby&lt;/li&gt;
22  &lt;li&gt;Antique white&lt;/li&gt;
23  &lt;li&gt;Ao (English)&lt;/li&gt;
24  &lt;li&gt;Apple green&lt;/li&gt;
25  &lt;li&gt;Apricot&lt;/li&gt;
26  &lt;li&gt;Aqua&lt;/li&gt;
27  &lt;li&gt;Aquamarine&lt;/li&gt;
28  &lt;li&gt;Arctic lime&lt;/li&gt;
29  &lt;li&gt;Army green&lt;/li&gt;
30  &lt;li&gt;Artichoke&lt;/li&gt;
31  &lt;li&gt;Arylide yellow&lt;/li&gt;
32  &lt;li&gt;Ash gray&lt;/li&gt;
33  &lt;li&gt;Asparagus&lt;/li&gt;
34  &lt;li&gt;Astronaut&lt;/li&gt;
35  &lt;li&gt;Atomic tangerine&lt;/li&gt;
36  &lt;li&gt;Auburn&lt;/li&gt;
37  &lt;li&gt;Aureolin&lt;/li&gt;
38  &lt;li&gt;Avocado&lt;/li&gt;
39  &lt;li&gt;Azure&lt;/li&gt;
40  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
41  &lt;li&gt;Baby blue&lt;/li&gt;
42  &lt;li&gt;Baby blue eyes&lt;/li&gt;
43  &lt;li&gt;Baby pink&lt;/li&gt;
44  &lt;li&gt;Baby powder&lt;/li&gt;
45  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
46  &lt;li&gt;Banana Mania&lt;/li&gt;
47  &lt;li&gt;Barbie Pink&lt;/li&gt;
48  &lt;li&gt;Barn red&lt;/li&gt;
49  &lt;li&gt;Battleship grey&lt;/li&gt;
50  &lt;li&gt;Beau blue&lt;/li&gt;
51  &lt;li&gt;Beaver&lt;/li&gt;
52  &lt;li&gt;Beige&lt;/li&gt;
53  &lt;li&gt;B'dazzled blue&lt;/li&gt;
54  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
55  &lt;li&gt;Bisque&lt;/li&gt;
56  &lt;li&gt;Bistre&lt;/li&gt;
57  &lt;li&gt;Bistre brown&lt;/li&gt;
58  &lt;li&gt;Bitter lemon&lt;/li&gt;
59  &lt;li&gt;Bitter lime&lt;/li&gt;
60  &lt;li&gt;Bittersweet&lt;/li&gt;
61  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
62  &lt;li&gt;Black&lt;/li&gt;
63  &lt;li&gt;Black bean&lt;/li&gt;
64  &lt;li&gt;Black chocolate&lt;/li&gt;
65  &lt;li&gt;Black coffee&lt;/li&gt;
66  &lt;li&gt;Black coral&lt;/li&gt;
67  &lt;li&gt;Black olive&lt;/li&gt;
68  &lt;li&gt;Black Shadows&lt;/li&gt;
69  &lt;li&gt;Blanched almond&lt;/li&gt;
70  &lt;li&gt;Blast-off bronze&lt;/li&gt;
71  &lt;li&gt;Bleu de France&lt;/li&gt;
72  &lt;li&gt;Blizzard blue&lt;/li&gt;
73  &lt;li&gt;Blond&lt;/li&gt;
74  &lt;li&gt;Blood red&lt;/li&gt;
75  &lt;li&gt;Blue&lt;/li&gt;
76  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
77  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
78  &lt;li&gt;Blue (NCS)&lt;/li&gt;
79  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
80  &lt;li&gt;Blue (pigment)&lt;/li&gt;
81  &lt;li&gt;Blue (RYB)&lt;/li&gt;
82  &lt;li&gt;Blue bell&lt;/li&gt;
83  &lt;li&gt;Blue-gray&lt;/li&gt;
84  &lt;li&gt;Blue-green&lt;/li&gt;
85  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
86  &lt;li&gt;Blue jeans&lt;/li&gt;
87  &lt;li&gt;Blue sapphire&lt;/li&gt;
88  &lt;li&gt;Blue-violet&lt;/li&gt;
89  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
90  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
91  &lt;li&gt;Blue yonder&lt;/li&gt;
92  &lt;li&gt;Bluetiful&lt;/li&gt;
93  &lt;li&gt;Blush&lt;/li&gt;
94  &lt;li&gt;Bole&lt;/li&gt;
95  &lt;li&gt;Bone&lt;/li&gt;
96  &lt;li&gt;Bottle green&lt;/li&gt;
97  &lt;li&gt;Brandy&lt;/li&gt;
98  &lt;li&gt;Brick red&lt;/li&gt;
99  &lt;li&gt;Bright green&lt;/li&gt;
100  &lt;li&gt;Bright lilac&lt;/li&gt;
101  &lt;li&gt;Bright maroon&lt;/li&gt;
102  &lt;li&gt;Bright navy blue&lt;/li&gt;
103  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
104  &lt;li&gt;Brilliant rose&lt;/li&gt;
105&lt;/ul&gt;ul {
106  display: grid;
107  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
108  grid-template-rows: auto auto;
109  grid-auto-rows: 0;
110  overflow: hidden;
111  padding: 0;
112}
113
114li {
115  list-style: none;
116  padding: 10px;
117  border: 1px solid orange;
118  overflow: hidden;
119  margin: 0 5px 5px 0;
120}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
121&lt;ul&gt;
122  &lt;li&gt;Android green&lt;/li&gt;
123  &lt;li&gt;Antique brass&lt;/li&gt;
124  &lt;li&gt;Antique bronze&lt;/li&gt;
125  &lt;li&gt;Antique fuchsia&lt;/li&gt;
126  &lt;li&gt;Antique ruby&lt;/li&gt;
127  &lt;li&gt;Antique white&lt;/li&gt;
128  &lt;li&gt;Ao (English)&lt;/li&gt;
129  &lt;li&gt;Apple green&lt;/li&gt;
130  &lt;li&gt;Apricot&lt;/li&gt;
131  &lt;li&gt;Aqua&lt;/li&gt;
132  &lt;li&gt;Aquamarine&lt;/li&gt;
133  &lt;li&gt;Arctic lime&lt;/li&gt;
134  &lt;li&gt;Army green&lt;/li&gt;
135  &lt;li&gt;Artichoke&lt;/li&gt;
136  &lt;li&gt;Arylide yellow&lt;/li&gt;
137  &lt;li&gt;Ash gray&lt;/li&gt;
138  &lt;li&gt;Asparagus&lt;/li&gt;
139  &lt;li&gt;Astronaut&lt;/li&gt;
140  &lt;li&gt;Atomic tangerine&lt;/li&gt;
141  &lt;li&gt;Auburn&lt;/li&gt;
142  &lt;li&gt;Aureolin&lt;/li&gt;
143  &lt;li&gt;Avocado&lt;/li&gt;
144  &lt;li&gt;Azure&lt;/li&gt;
145  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
146  &lt;li&gt;Baby blue&lt;/li&gt;
147  &lt;li&gt;Baby blue eyes&lt;/li&gt;
148  &lt;li&gt;Baby pink&lt;/li&gt;
149  &lt;li&gt;Baby powder&lt;/li&gt;
150  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
151  &lt;li&gt;Banana Mania&lt;/li&gt;
152  &lt;li&gt;Barbie Pink&lt;/li&gt;
153  &lt;li&gt;Barn red&lt;/li&gt;
154  &lt;li&gt;Battleship grey&lt;/li&gt;
155  &lt;li&gt;Beau blue&lt;/li&gt;
156  &lt;li&gt;Beaver&lt;/li&gt;
157  &lt;li&gt;Beige&lt;/li&gt;
158  &lt;li&gt;B'dazzled blue&lt;/li&gt;
159  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
160  &lt;li&gt;Bisque&lt;/li&gt;
161  &lt;li&gt;Bistre&lt;/li&gt;
162  &lt;li&gt;Bistre brown&lt;/li&gt;
163  &lt;li&gt;Bitter lemon&lt;/li&gt;
164  &lt;li&gt;Bitter lime&lt;/li&gt;
165  &lt;li&gt;Bittersweet&lt;/li&gt;
166  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
167  &lt;li&gt;Black&lt;/li&gt;
168  &lt;li&gt;Black bean&lt;/li&gt;
169  &lt;li&gt;Black chocolate&lt;/li&gt;
170  &lt;li&gt;Black coffee&lt;/li&gt;
171  &lt;li&gt;Black coral&lt;/li&gt;
172  &lt;li&gt;Black olive&lt;/li&gt;
173  &lt;li&gt;Black Shadows&lt;/li&gt;
174  &lt;li&gt;Blanched almond&lt;/li&gt;
175  &lt;li&gt;Blast-off bronze&lt;/li&gt;
176  &lt;li&gt;Bleu de France&lt;/li&gt;
177  &lt;li&gt;Blizzard blue&lt;/li&gt;
178  &lt;li&gt;Blond&lt;/li&gt;
179  &lt;li&gt;Blood red&lt;/li&gt;
180  &lt;li&gt;Blue&lt;/li&gt;
181  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
182  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
183  &lt;li&gt;Blue (NCS)&lt;/li&gt;
184  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
185  &lt;li&gt;Blue (pigment)&lt;/li&gt;
186  &lt;li&gt;Blue (RYB)&lt;/li&gt;
187  &lt;li&gt;Blue bell&lt;/li&gt;
188  &lt;li&gt;Blue-gray&lt;/li&gt;
189  &lt;li&gt;Blue-green&lt;/li&gt;
190  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
191  &lt;li&gt;Blue jeans&lt;/li&gt;
192  &lt;li&gt;Blue sapphire&lt;/li&gt;
193  &lt;li&gt;Blue-violet&lt;/li&gt;
194  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
195  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
196  &lt;li&gt;Blue yonder&lt;/li&gt;
197  &lt;li&gt;Bluetiful&lt;/li&gt;
198  &lt;li&gt;Blush&lt;/li&gt;
199  &lt;li&gt;Bole&lt;/li&gt;
200  &lt;li&gt;Bone&lt;/li&gt;
201  &lt;li&gt;Bottle green&lt;/li&gt;
202  &lt;li&gt;Brandy&lt;/li&gt;
203  &lt;li&gt;Brick red&lt;/li&gt;
204  &lt;li&gt;Bright green&lt;/li&gt;
205  &lt;li&gt;Bright lilac&lt;/li&gt;
206  &lt;li&gt;Bright maroon&lt;/li&gt;
207  &lt;li&gt;Bright navy blue&lt;/li&gt;
208  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
209  &lt;li&gt;Brilliant rose&lt;/li&gt;
210&lt;/ul&gt;ul {
211  display: grid;
212  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
213  grid-template-rows: auto auto repeat(300,0);
214  overflow: hidden;
215  padding: 0;
216}
217
218li {
219  list-style: none;
220  padding: 10px;
221  border: 1px solid orange;
222  overflow: hidden;
223  margin: 0 5px 5px 0;
224}&lt;h1&gt;&lt;a href="https://en.wikipedia.org/wiki/List_of_colors:_A%E2%80%93F"&gt;Colors&lt;/a&gt;&lt;/h1&gt;
225&lt;ul&gt;
226  &lt;li&gt;Android green&lt;/li&gt;
227  &lt;li&gt;Antique brass&lt;/li&gt;
228  &lt;li&gt;Antique bronze&lt;/li&gt;
229  &lt;li&gt;Antique fuchsia&lt;/li&gt;
230  &lt;li&gt;Antique ruby&lt;/li&gt;
231  &lt;li&gt;Antique white&lt;/li&gt;
232  &lt;li&gt;Ao (English)&lt;/li&gt;
233  &lt;li&gt;Apple green&lt;/li&gt;
234  &lt;li&gt;Apricot&lt;/li&gt;
235  &lt;li&gt;Aqua&lt;/li&gt;
236  &lt;li&gt;Aquamarine&lt;/li&gt;
237  &lt;li&gt;Arctic lime&lt;/li&gt;
238  &lt;li&gt;Army green&lt;/li&gt;
239  &lt;li&gt;Artichoke&lt;/li&gt;
240  &lt;li&gt;Arylide yellow&lt;/li&gt;
241  &lt;li&gt;Ash gray&lt;/li&gt;
242  &lt;li&gt;Asparagus&lt;/li&gt;
243  &lt;li&gt;Astronaut&lt;/li&gt;
244  &lt;li&gt;Atomic tangerine&lt;/li&gt;
245  &lt;li&gt;Auburn&lt;/li&gt;
246  &lt;li&gt;Aureolin&lt;/li&gt;
247  &lt;li&gt;Avocado&lt;/li&gt;
248  &lt;li&gt;Azure&lt;/li&gt;
249  &lt;li&gt;Azure (X11/web color)&lt;/li&gt;
250  &lt;li&gt;Baby blue&lt;/li&gt;
251  &lt;li&gt;Baby blue eyes&lt;/li&gt;
252  &lt;li&gt;Baby pink&lt;/li&gt;
253  &lt;li&gt;Baby powder&lt;/li&gt;
254  &lt;li&gt;Baker-Miller pink&lt;/li&gt;
255  &lt;li&gt;Banana Mania&lt;/li&gt;
256  &lt;li&gt;Barbie Pink&lt;/li&gt;
257  &lt;li&gt;Barn red&lt;/li&gt;
258  &lt;li&gt;Battleship grey&lt;/li&gt;
259  &lt;li&gt;Beau blue&lt;/li&gt;
260  &lt;li&gt;Beaver&lt;/li&gt;
261  &lt;li&gt;Beige&lt;/li&gt;
262  &lt;li&gt;B'dazzled blue&lt;/li&gt;
263  &lt;li&gt;Big dip o’ruby&lt;/li&gt;
264  &lt;li&gt;Bisque&lt;/li&gt;
265  &lt;li&gt;Bistre&lt;/li&gt;
266  &lt;li&gt;Bistre brown&lt;/li&gt;
267  &lt;li&gt;Bitter lemon&lt;/li&gt;
268  &lt;li&gt;Bitter lime&lt;/li&gt;
269  &lt;li&gt;Bittersweet&lt;/li&gt;
270  &lt;li&gt;Bittersweet shimmer&lt;/li&gt;
271  &lt;li&gt;Black&lt;/li&gt;
272  &lt;li&gt;Black bean&lt;/li&gt;
273  &lt;li&gt;Black chocolate&lt;/li&gt;
274  &lt;li&gt;Black coffee&lt;/li&gt;
275  &lt;li&gt;Black coral&lt;/li&gt;
276  &lt;li&gt;Black olive&lt;/li&gt;
277  &lt;li&gt;Black Shadows&lt;/li&gt;
278  &lt;li&gt;Blanched almond&lt;/li&gt;
279  &lt;li&gt;Blast-off bronze&lt;/li&gt;
280  &lt;li&gt;Bleu de France&lt;/li&gt;
281  &lt;li&gt;Blizzard blue&lt;/li&gt;
282  &lt;li&gt;Blond&lt;/li&gt;
283  &lt;li&gt;Blood red&lt;/li&gt;
284  &lt;li&gt;Blue&lt;/li&gt;
285  &lt;li&gt;Blue (Crayola)&lt;/li&gt;
286  &lt;li&gt;Blue (Munsell)&lt;/li&gt;
287  &lt;li&gt;Blue (NCS)&lt;/li&gt;
288  &lt;li&gt;Blue (Pantone)&lt;/li&gt;
289  &lt;li&gt;Blue (pigment)&lt;/li&gt;
290  &lt;li&gt;Blue (RYB)&lt;/li&gt;
291  &lt;li&gt;Blue bell&lt;/li&gt;
292  &lt;li&gt;Blue-gray&lt;/li&gt;
293  &lt;li&gt;Blue-green&lt;/li&gt;
294  &lt;li&gt;Blue-green (color wheel)&lt;/li&gt;
295  &lt;li&gt;Blue jeans&lt;/li&gt;
296  &lt;li&gt;Blue sapphire&lt;/li&gt;
297  &lt;li&gt;Blue-violet&lt;/li&gt;
298  &lt;li&gt;Blue-violet (Crayola)&lt;/li&gt;
299  &lt;li&gt;Blue-violet (color wheel)&lt;/li&gt;
300  &lt;li&gt;Blue yonder&lt;/li&gt;
301  &lt;li&gt;Bluetiful&lt;/li&gt;
302  &lt;li&gt;Blush&lt;/li&gt;
303  &lt;li&gt;Bole&lt;/li&gt;
304  &lt;li&gt;Bone&lt;/li&gt;
305  &lt;li&gt;Bottle green&lt;/li&gt;
306  &lt;li&gt;Brandy&lt;/li&gt;
307  &lt;li&gt;Brick red&lt;/li&gt;
308  &lt;li&gt;Bright green&lt;/li&gt;
309  &lt;li&gt;Bright lilac&lt;/li&gt;
310  &lt;li&gt;Bright maroon&lt;/li&gt;
311  &lt;li&gt;Bright navy blue&lt;/li&gt;
312  &lt;li&gt;Bright yellow (Crayola)&lt;/li&gt;
313  &lt;li&gt;Brilliant rose&lt;/li&gt;
314&lt;/ul&gt;

Source https://stackoverflow.com/questions/71021608

QUESTION

How to register ServiceBusClient for dependency injection?

Asked 2022-Feb-08 at 14:11

I’m trying to register ServiceBusClient from the new Azure.Messaging.ServiceBus package for dependency injection as recommended in this article using ServiceBusClientBuilderExtensions, but I can’t find any documentation or any help online on how exactly to go about this.

I'm trying to add as below

1public override void Configure(IFunctionsHostBuilder builder)
2{
3    ServiceBusClientBuilderExtensions.AddServiceBusClient(builder, Typsy.Domain.Configuration.Settings.Instance().Connections.ServiceBusPrimary);
4}
5

but I'm getting the error

The type 'Microsoft.Azure.Functions.Extensions.DependencyInjection.IFunctionsHostBuilder' must be convertible to 'Azure.Core.Extensions.IAzureClientFactoryBuilder' in order to use it as parameter 'TBuilder' in the generic method 'IAzureClientBuilder<ServiceBusClient,ServiceBusClientOptions> Microsoft.Extensions.Azure.ServiceBusClientBuilderExtensions.AddServiceBusClient(this TBuilder, string)'

If anyone can help with this that'll be great!

ANSWER

Answered 2021-Sep-02 at 20:03

ServiceBusClientBuilderExtensions.AddServiceBusClient is an extension method of IAzureClientFactoryBuilder:

1public override void Configure(IFunctionsHostBuilder builder)
2{
3    ServiceBusClientBuilderExtensions.AddServiceBusClient(builder, Typsy.Domain.Configuration.Settings.Instance().Connections.ServiceBusPrimary);
4}
5public static IAzureClientBuilder&lt;ServiceBusClient, ServiceBusClientOptions&gt; AddServiceBusClient&lt;TBuilder&gt;(this TBuilder builder, string connectionString)
6            where TBuilder : IAzureClientFactoryBuilder
7

To get an instance of IAzureClientFactoryBuilder, you need to call AzureClientServiceCollectionExtensions.AddAzureClients(IServiceCollection, Action<AzureClientFactoryBuilder>) for a given IServiceCollection, which provides a delegate giving an instance of IAzureClientFactoryBuilder. (this method is in the Microsoft.Extensions.Azure NuGet package)

To call that method, you can use the IServiceCollection provided by IFunctionsHostBuilder. With all of that, what you have should look something like:

1public override void Configure(IFunctionsHostBuilder builder)
2{
3    ServiceBusClientBuilderExtensions.AddServiceBusClient(builder, Typsy.Domain.Configuration.Settings.Instance().Connections.ServiceBusPrimary);
4}
5public static IAzureClientBuilder&lt;ServiceBusClient, ServiceBusClientOptions&gt; AddServiceBusClient&lt;TBuilder&gt;(this TBuilder builder, string connectionString)
6            where TBuilder : IAzureClientFactoryBuilder
7public override void Configure(IFunctionsHostBuilder builder)
8{
9    builder.Services.AddAzureClients(clientsBuilder =&gt;
10    {
11        clientsBuilder.AddServiceBusClient(Typsy.Domain.Configuration.Settings.Instance().Connections.ServiceBusPrimary)
12          // (Optional) Provide name for instance to retrieve by with DI
13          .WithName(&quot;Client1Name&quot;)
14          // (Optional) Override ServiceBusClientOptions (e.g. change retry settings)
15          .ConfigureOptions(options =&gt;
16          {
17              options.RetryOptions.Delay = TimeSpan.FromMilliseconds(50);
18              options.RetryOptions.MaxDelay = TimeSpan.FromSeconds(5);
19              options.RetryOptions.MaxRetries = 3;
20          });
21    });
22}
23

To retrieve the named instance, instead of using ServiceBusClient as the injected type you use IAzureClientFactory<ServiceBusClient>. The ServiceBusClient is a Singleton regardless of whether you use a named instance or not.

1public override void Configure(IFunctionsHostBuilder builder)
2{
3    ServiceBusClientBuilderExtensions.AddServiceBusClient(builder, Typsy.Domain.Configuration.Settings.Instance().Connections.ServiceBusPrimary);
4}
5public static IAzureClientBuilder&lt;ServiceBusClient, ServiceBusClientOptions&gt; AddServiceBusClient&lt;TBuilder&gt;(this TBuilder builder, string connectionString)
6            where TBuilder : IAzureClientFactoryBuilder
7public override void Configure(IFunctionsHostBuilder builder)
8{
9    builder.Services.AddAzureClients(clientsBuilder =&gt;
10    {
11        clientsBuilder.AddServiceBusClient(Typsy.Domain.Configuration.Settings.Instance().Connections.ServiceBusPrimary)
12          // (Optional) Provide name for instance to retrieve by with DI
13          .WithName(&quot;Client1Name&quot;)
14          // (Optional) Override ServiceBusClientOptions (e.g. change retry settings)
15          .ConfigureOptions(options =&gt;
16          {
17              options.RetryOptions.Delay = TimeSpan.FromMilliseconds(50);
18              options.RetryOptions.MaxDelay = TimeSpan.FromSeconds(5);
19              options.RetryOptions.MaxRetries = 3;
20          });
21    });
22}
23 public Constructor(IAzureClientFactory&lt;ServiceBusClient&gt; serviceBusClientFactory)
24 {
25     // Wherever you need the ServiceBusClient
26     ServiceBusClient singletonClient1 = serviceBusClientFactory.CreateClient(&quot;Client1Name&quot;)
27 }
28

Source https://stackoverflow.com/questions/68688838

QUESTION

C# WASM without Blazor

Asked 2022-Jan-30 at 14:27

I want to be able to call C# code from JavaScript. The mono project used to have a WASM SDK that you could download from their old Jenkins server, but that is no longer public. Existing docs tend to point toward those builds. The Azure Devops builds do not include this SDK. A few messages I've seen on their Github account indicate that they are now focusing on the .NET 6 for WASM. I do not wish to use the Blazor components. Is there a way in .NET 6 to build a minimally sized WASM binary without the Blazor UI?

ANSWER

Answered 2021-Aug-26 at 01:25

Yes it's absolutely possible. Blazor does not have a monopoly on C#/WASM and it's far from clear that it's going to wind up being the best long term option (and a lot of evidence it's not).

I recommend starting with the Uno WASM Bootstrap. https://github.com/unoplatform/Uno.Wasm.Bootstrap

Source https://stackoverflow.com/questions/68927533

QUESTION

Azure Pipelines Xamarin.Forms iOS build fails with error MSB4057: The target "_IsProjectRestoreSupported" does not exist in the project

Asked 2022-Jan-26 at 09:39

We have Xamarin.Forms solution with iOS and UWP projects. We use Azure pipelines to build the iOS project. Until yesterday everything was working fine. Now the build fails at the NuGet Restore step with the error:

##[error]The nuget command failed with exit code(1) and error(/Users/runner/work/1/s/"MyProjectName.UWP".csproj : error MSB4057: The target "_IsProjectRestoreSupported" does not exist in the project.

We can see that the problem occurs when trying to restore NuGet packages for the UWP project on the Mac OS build host. Image: macOS-11

Workaround will be to exclude it from the solution, but we are using it for testing purposes and this is not a good option for us.

ANSWER

Answered 2022-Jan-26 at 09:39

Updated Answer This can be resolved using MSBuild task instead, as the collogues mentioned below. However, in my case this still lead to the same error. After investigating the pipeline. The root cause has been identified: Both in MSBuild@1 and XamariniOS@2 tasks you should target the specific iOS Project and not the solution file, like so:

" - task: MSBuild@1 inputs: solution: 'PathToIosProject/myproject.iOS.csproj' configuration: '$(BuildConfiguration)' msbuildArguments: /t:restore

" - task: XamariniOS@2 inputs: solutionFile: PathToIosProject/myproject.iOS.csproj' configuration: '$(BuildConfiguration)' packageApp: true signingIdentity: $(APPLE_CERTIFICATE_SIGNING_IDENTITY)

Old Answer

We have managed to resolve the issue. The root cause of it seems to be an update to the mono framework in the MacOS pipeline build agent. In order to fix it, we need a script for downloading and installing an older version of the mono framework as a first step of the build pipeline like so: link to the pipeline tasks photo

This is the code of the bash scrip used in the task:

#!/bin/bash set -ex

MONO_MACOS_PKG_DOWNLOAD_URL='https://download.mono-project.com/archive/6.12.0/macos-10-universal/MonoFramework-MDK-6.12.0.100.macos10.xamarin.universal.pkg'

mkdir -p /tmp/mono-install cd /tmp/mono-install

mono --version

wget -q -O ./mono-installer.pkg "$MONO_MACOS_PKG_DOWNLOAD_URL"

sudo installer -pkg ./mono-installer.pkg -target /

mono --version

ls -alh /Library/Frameworks/Mono.framework/Versions/Current

Source https://stackoverflow.com/questions/69821924

Community Discussions contain sources that include Stack Exchange Network